.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,.numInputWrapper{height:auto}.flatpickr-calendar{background:#fff;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)}.flatpickr-wrapper,.numInputWrapper input,.numInputWrapper span{display:inline-block}.flatpickr-calendar.inline,.flatpickr-calendar.open{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown;animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i,.flatpickr-wrapper,.numInputWrapper{position:relative}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;height:34px;color:rgba(0,0,0,.9);fill:rgba(0,0,0,0.9)}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus,.flatpickr-days:focus{outline:0}.flatpickr-months,.flatpickr-weekdays{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;line-height:1;text-align:center;position:relative;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;padding:10px;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month span.cur-month:hover,.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:inherit;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;padding:0 0 0 .5ch;vertical-align:initial;background:0 0}.flatpickr-current-month .numInputWrapper{width:6ch;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text;margin:0;display:inline-block;border:0;border-radius:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;margin:-1px 0 0;outline:0;position:relative;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:0 0;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600&display=swap"); .nlb-booking-widget {
max-width: 100%;
margin: 30px 0;
font-family: 'Open Sans', sans-serif;
} .nlb-icon-calendar {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
} .nlb-booking-calendar-wrapper {
background: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(2, 78, 114, 0.08);
border: 1px solid #D6EAF3;
}
.nlb-booking-calendar-wrapper h3 {
margin: 0 0 24px;
font-size: 22px;
font-weight: 600;
color: #024E72;
font-family: 'Montserrat', sans-serif;
}
.nlb-booking-calendar-wrapper h3 svg {
color: #F3780D;
}
.nlb-calendar-container {
margin: 20px 0;
} .nlb-date-inputs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 24px;
}
.nlb-date-input-group {
position: relative;
}
.nlb-date-input-group label {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #9CA3AF;
margin-bottom: 8px;
letter-spacing: 0.5px;
}
.nlb-date-input-group input {
width: 100%;
padding: 14px 16px;
border: 2px solid #D6EAF3;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
color: #111827;
background: white;
cursor: pointer;
transition: all 0.2s;
font-family: 'Open Sans', sans-serif;
}
.nlb-date-input-group input:hover {
border-color: #024E72;
background: #F8FBFD;
}
.nlb-date-input-group input:focus {
outline: none;
border-color: #F3780D;
box-shadow: 0 0 0 3px rgba(243, 120, 13, 0.1);
}
.nlb-checkin-group.active input,
.nlb-checkout-group.active input {
border-color: #F3780D;
background: #FFF7F0;
} .nlb-guests-group {
margin-bottom: 20px;
}
.nlb-guests-group label {
display: block;
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
}
.nlb-guests-group select {
width: 100%;
padding: 18px 20px;
border: 1px solid #d1d5db;
border-radius: 4px;
font-size: 16px;
color: #333333;
background: white;
cursor: pointer;
transition: all 0.2s;
box-sizing: border-box;
} .nlb-calendar-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
} .nlb-calendar-wrapper {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 0;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 12px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
z-index: 9999;
width: 850px;
max-width: calc(100vw - 40px);
max-height: calc(100vh - 40px);
overflow-y: auto;
display: none; } .nlb-calendar-header {
padding: 24px 32px;
border-bottom: 1px solid #e5e7eb;
}
.nlb-calendar-date-selector {
display: flex;
gap: 24px;
margin-bottom: 16px;
} .nlb-calendar-dates {
display: flex;
gap: 16px;
margin-bottom: 16px;
}
.nlb-calendar-checkin,
.nlb-calendar-checkout {
flex: 1;
padding: 14px 20px;
border: 2px solid #D6EAF3;
border-radius: 8px;
cursor: pointer;
position: relative;
transition: all 0.2s;
background: white;
}
.nlb-calendar-checkin:hover,
.nlb-calendar-checkout:hover {
border-color: #024E72;
background: #F8FBFD;
}
.nlb-calendar-checkin.active,
.nlb-calendar-checkout.active {
border-color: #F3780D;
background: #FFF7F0;
}
.nlb-calendar-checkin label,
.nlb-calendar-checkout label {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #9CA3AF;
margin-bottom: 4px;
letter-spacing: 0.5px;
}
.nlb-calendar-date-value {
display: flex;
justify-content: space-between;
align-items: center;
}
.nlb-calendar-date-value span {
font-size: 14px;
color: #111827;
font-weight: 500;
}
.nlb-calendar-date-box {
flex: 1;
padding: 14px 20px;
border: 1px solid #D6EAF3;
border-radius: 8px;
cursor: pointer;
position: relative;
transition: all 0.2s;
}
.nlb-calendar-date-box:hover {
border-color: #024E72;
background: #F8FBFD;
}
.nlb-calendar-date-box.active {
border-color: #F3780D;
background: #FFF7F0;
}
.nlb-calendar-date-box label {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #9CA3AF;
margin-bottom: 4px;
letter-spacing: 0.5px;
}
.nlb-calendar-date-box .date-value {
font-size: 15px;
color: #333333;
font-family: 'Open Sans', sans-serif;
}
.nlb-clear-single-date {
background: none;
border: none;
font-size: 20px;
color: #717171;
cursor: pointer;
padding: 0;
width: 24px;
height: 24px;
display: none; align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s;
}
.nlb-clear-single-date:hover {
background: #f3f4f6;
color: #222;
} .nlb-calendar-body {
padding: 20px 32px 32px;
} .nlb-calendar-footer {
padding: 16px 32px;
border-top: 1px solid #e5e7eb;
display: flex;
justify-content: space-between;
gap: 12px;
}
.nlb-calendar-footer button {
padding: 10px 20px;
border: 1px solid #D6EAF3;
background: white;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
transition: all 0.2s;
color: #024E72;
}
.nlb-calendar-footer button:hover {
background: #F8FBFD;
border-color: #024E72;
}
.nlb-close-calendar {
background: #024E72 !important;
color: white !important;
}
.nlb-close-calendar:hover {
background: #0A6FA6 !important;
}  .flatpickr-calendar {
font-family: 'Open Sans', sans-serif;
box-shadow: none;
border: none;
background: transparent;
width: auto !important;
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
display: none;
} .flatpickr-calendar.multiMonth {
width: auto !important;
}
.flatpickr-calendar.multiMonth .flatpickr-months {
display: flex !important;
gap: 20px;
}
.flatpickr-calendar.multiMonth .flatpickr-month {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 16px;
flex: 1;
}
.flatpickr-calendar.multiMonth .flatpickr-innerContainer {
display: inline-block !important;
}
.flatpickr-calendar.multiMonth .flatpickr-monthContainer {
display: inline-block !important;
float: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days {
width: auto !important;
}
.flatpickr-calendar.multiMonth .dayContainer {
width: auto !important;
} .flatpickr-month {
background: transparent;
color: #024E72;
height: 50px;
line-height: 1;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-current-month {
font-size: 18px;
font-weight: 600;
color: #024E72;
font-family: 'Montserrat', sans-serif;
position: relative;
width: auto;
left: 0;
padding: 8px 0;
line-height: 1;
height: auto;
display: block;
text-align: center;
}
.flatpickr-monthDropdown-months,
.flatpickr-current-month .flatpickr-monthDropdown-months {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: #024E72;
}
.flatpickr-current-month .numInputWrapper {
display: inline-block;
margin-left: 8px;
}
.flatpickr-current-month input.cur-year {
font-size: 18px;
font-weight: 600;
color: #024E72;
background: transparent;
border: none;
width: 60px;
}
.flatpickr-prev-month,
.flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: #024E72;
fill: #024E72;
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
color: #F3780D;
fill: #F3780D;
}
.flatpickr-prev-month {
left: 0;
}
.flatpickr-next-month {
right: 0;
} .flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px;
margin-bottom: 8px;
}
.flatpickr-weekdaycontainer {
display: flex;
width: 100%;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: #9CA3AF;
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
} .flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0px, 0px, 0px);
} .flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 43px;
height: 43px;
line-height: 43px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
color: #333333;
font-size: 14px;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
background: #f3f4f6;
border-color: #e5e7eb;
cursor: pointer;
outline: 0;
}
.flatpickr-day.today {
border-color: #024E72;
font-weight: 600;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #024E72;
background: #024E72;
color: white;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #F3780D;
box-shadow: none;
color: #fff;
border-color: #F3780D;
font-weight: 600;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover.prevMonthDay.inRange,
.flatpickr-day:hover.nextMonthDay.inRange,
.flatpickr-day:focus.prevMonthDay.inRange,
.flatpickr-day:focus.nextMonthDay.inRange {
cursor: pointer;
outline: 0;
background: rgba(243, 120, 13, 0.1);
box-shadow: none;
border-color: transparent;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: none;
}
.flatpickr-day.hidden {
visibility: hidden;
} .flatpickr-day.nlb-blocked-date,
.flatpickr-day.nlb-blocked-date:hover {
background: repeating-linear-gradient(
45deg,
#f5f5f5,
#f5f5f5 5px,
#e8e8e8 5px,
#e8e8e8 10px
);
color: #999999;
cursor: not-allowed;
font-weight: 300;
border-color: #e0e0e0;
} .nlb-booking-form {
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid #e5e7eb;
display: none; } .nlb-calendar-summary {
display: none; padding: 12px 16px;
background: #F8FBFD;
border-radius: 8px;
border: 1px solid #D6EAF3;
margin-top: 12px;
}
.nlb-nights-count {
font-weight: 600;
color: #024E72;
margin-right: 12px;
}
.nlb-date-range {
color: #6B7280;
}
.nlb-form-row {
display: block;
margin-bottom: 20px;
}
.nlb-form-group {
margin-bottom: 16px;
}
.nlb-form-col {
width: 100%;
max-width: 100%;
} .nlb-form-separator {
height: 1px;
background: #e5e7eb;
margin: 24px 0;
border: none;
} .nlb-booking-form h4 {
font-size: 16px;
font-weight: 600;
color: #024E72;
margin-bottom: 16px;
margin-top: 0;
font-family: 'Montserrat', sans-serif;
}
.nlb-form-group label {
display: block;
font-size: 13px;
font-weight: 400;
color: #6b7280;
margin-bottom: 8px;
}
.nlb-form-group input,
.nlb-form-group textarea,
.nlb-form-group select {
width: 100%;
padding: 18px 20px;
border: 1px solid #d1d5db;
border-radius: 4px;
font-size: 16px;
color: #333333;
background: white;
transition: all 0.2s;
font-family: 'Open Sans', sans-serif;
box-sizing: border-box;
line-height: 1.5;
}
.nlb-form-group input:focus,
.nlb-form-group textarea:focus,
.nlb-form-group select:focus {
outline: none;
border-color: #F3780D;
box-shadow: 0 0 0 3px rgba(243, 120, 13, 0.1);
}
.nlb-form-group textarea {
resize: vertical;
min-height: 140px;
} .nlb-phone-wrapper .iti {
width: 100%;
--iti-border-color: #e5e7eb;
--iti-hover-color: rgba(243, 120, 13, 0.1);
--iti-input-padding: 14px;
}
.nlb-phone-wrapper input#nlb-phone-input {
height: 50px;
font-size: 16px;
border: 1px solid #e5e7eb;
border-radius: 4px;
padding-left: 100px;
}
.nlb-phone-wrapper input#nlb-phone-input:focus {
outline: none;
border-color: #F3780D;
box-shadow: 0 0 0 3px rgba(243, 120, 13, 0.1);
}
.nlb-phone-wrapper .iti__country-container {
border-right: 1px solid #e5e7eb;
background: #f9fafb;
border-radius: 4px 0 0 4px;
}
.nlb-phone-wrapper .iti__selected-country-primary {
background: transparent !important;
padding: 0 6px 0 12px;
}
.nlb-phone-wrapper .iti__selected-country-primary:hover,
.nlb-phone-wrapper .iti__selected-country-primary:focus,
.nlb-phone-wrapper .iti__selected-country:hover,
.nlb-phone-wrapper .iti__selected-country:focus,
.nlb-phone-wrapper .iti__country-container:hover,
.nlb-phone-wrapper .iti__country-container:focus {
background: #f9fafb !important;
}
.nlb-phone-wrapper .iti__selected-dial-code {
color: #374151 !important;
}
.nlb-phone-wrapper .iti__dropdown-content {
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
margin-top: 4px;
}
.nlb-phone-wrapper .iti__search-input {
padding: 10px 12px;
}
.nlb-phone-wrapper .iti__country:hover {
background: #fef5ec;
}
.nlb-phone-wrapper .iti__country--highlight {
background: #F3780D;
} .nlb-payment-methods {
margin: 20px 0;
}
.nlb-payment-method {
display: flex;
align-items: flex-start;
padding: 18px 20px;
border: 1px solid #e5e7eb;
border-radius: 4px;
margin-bottom: 12px;
cursor: pointer;
transition: all 0.2s;
background: white;
min-height: 65px;
}
.nlb-payment-method:hover {
border-color: #F3780D;
background: #fef5ec;
}
.nlb-payment-method input[type="radio"] {
margin-right: 15px;
margin-top: 2px;
}
.nlb-payment-method.selected {
border: 2px solid #F3780D;
padding: 17px 19px;
background: white;
}
.nlb-payment-icon {
font-size: 20px;
margin-right: 12px;
margin-top: -2px;
}
.nlb-payment-info {
flex: 1;
}
.nlb-payment-label {
font-size: 14px;
font-weight: 600;
color: #111827;
display: block;
margin-bottom: 4px;
}
.nlb-payment-description {
font-size: 13px;
color: #6b7280;
line-height: 1.4;
} .nlb-price-display {
background: #f3f4f6;
border: 1px solid #d1d5db;
border-radius: 6px;
padding: 16px;
margin-bottom: 20px;
}
.nlb-price-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
align-items: center;
}
.nlb-price-row:first-child {
font-size: 18px;
font-weight: 600;
color: #024E72;
margin-bottom: 8px;
}
.nlb-price-row:last-child {
font-size: 14px;
color: #6b7280;
border: none;
padding-top: 0;
font-weight: normal;
margin-bottom: 0;
}
.nlb-price-label {
color: #6B7280;
}
.nlb-price-value {
color: #111827;
font-weight: 600;
} .nlb-submit-btn {
background: #F3780D;
color: white;
padding: 18px 32px;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
font-family: 'Open Sans', sans-serif;
width: 100%;
margin-top: 24px;
min-height: 56px;
}
.nlb-submit-btn:hover {
background: #E56A0C;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(243, 120, 13, 0.3);
}
.nlb-submit-btn:disabled {
background: #CBD5E1;
cursor: not-allowed;
transform: none;
box-shadow: none;
} @media (max-width: 768px) {
.nlb-calendar-wrapper {
width: 100%;
max-width: calc(100vw - 20px);
padding: 0;
}
.nlb-calendar-header {
padding: 20px;
}
.nlb-calendar-body {
padding: 20px;
}
.nlb-calendar-footer {
padding: 12px 20px;
}
.nlb-date-inputs,
.nlb-form-row {
grid-template-columns: 1fr;
}
.nlb-calendar-dates {
flex-direction: column;
}
.flatpickr-calendar.multiMonth .flatpickr-months {
flex-direction: column;
}
.flatpickr-days,
.dayContainer {
width: 100%;
min-width: 100%;
max-width: 100%;
}
}