/* Buchan Braes Hotel theme v20261030h — generated 2026-10-30 02:44 by retheme.py. Do not hand-edit: change the brand JSON / templates and regenerate. */
/* ===== Part 1: recolour of _HotelThemeDefault.css + UserHotel.css (generated) ===== */
#alacerHotelSurroundPageBody #engineArea span.input-group-addon { background-color: #ffffff !important; color: #2d3b3f !important; }
#alacerHotelSurroundPageBody #engineArea page2 span.input-group-addon { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #engineArea span.fancyArrow { background-color: #ffffff !important; color: #2d3b3f !important; }
#alacerHotelSurroundPageBody #engineArea { background-color: #eef4f4; }
#alacerHotelSurroundPageBody HotelBookingApp { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #InitialLoadingScreenText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody .commonButton, #alacerHotelSurroundPageBody login .loginPopupLoginBtn, #alacerHotelSurroundPageBody login .loginPopupCancelBtn, #alacerHotelSurroundPageBody .policyCloseButton, #alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn, #alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob, #alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob { color: #ffffff !important; background-color: #2b747b !important; }
#alacerHotelSurroundPageBody .commonButton:hover, #alacerHotelSurroundPageBody login .loginPopupLoginBtn:hover, #alacerHotelSurroundPageBody login .loginPopupCancelBtn:hover, #alacerHotelSurroundPageBody .policyCloseButton:hover, #alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob:hover { color: #2b747b !important; background-color: #377f86 !important; }
#alacerHotelSurroundPageBody .commonNavButton, #alacerHotelSurroundPageBody #page6 .page6NextNavButton, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton { color: #ffffff; font-weight: 400; background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon.right { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody .commonNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon.left { border-right-color: #ffffff; }
#alacerHotelSurroundPageBody .commonNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .commonNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:focus { color: #2b747b; }
#alacerHotelSurroundPageBody .commonNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover, #alacerHotelSurroundPageBody .commonNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:focus { color: #2b747b; }
#alacerHotelSurroundPageBody input, #alacerHotelSurroundPageBody input.form-control { background-color: #ffffff; }
#alacerHotelSurroundPageBody select { background-color: #ffffff; }
#alacerHotelSurroundPageBody textarea { background-color: #ffffff; }
#alacerHotelSurroundPageBody .form-group .input-group-addon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody .notIE.fullWidth .inputDropdown, #alacerHotelSurroundPageBody drop-down .inputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody .notIE.fullWidth .counterIcon, #alacerHotelSurroundPageBody drop-down .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .notIE.fullWidth .counterIconMob, #alacerHotelSurroundPageBody drop-down .counterIconMob { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody drop-down select.inputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody drop-down .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody drop-down .counterIconMob { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .controlIndicator { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .control:hover input ~ .controlIndicator, #alacerHotelSurroundPageBody .control input:focus ~ .controlIndicator { background-color: #ffffff; }
#alacerHotelSurroundPageBody .control input:checked ~ .controlIndicator { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .control input:disabled ~ .controlIndicator { background-color: #ffffff; }
#alacerHotelSurroundPageBody .controlCheckbox .controlIndicator:after { border-color: #ffffff; }
#alacerHotelSurroundPageBody .controlCheckbox input:disabled ~ .controlIndicator:after { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .commonPopupSuperClass .gallery-opacity, #alacerHotelSurroundPageBody .commonPopup .gallery-opacity, #alacerHotelSurroundPageBody .commonPopupSuperClass .policyBoxOpacity, #alacerHotelSurroundPageBody .commonPopup .policyBoxOpacity { background-color: #ffffff; }
#alacerHotelSurroundPageBody .commonPopupSuperClass .details-modal-body, #alacerHotelSurroundPageBody .commonPopup .details-modal-body { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonPopup .details-modal-body { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonPopup .gallery-opacity, #alacerHotelSurroundPageBody .commonPopup .policyBoxOpacity { background-color: #ffffff; }
#alacerHotelSurroundPageBody login .loginForm { border-color: var(--brand-line); }
#alacerHotelSurroundPageBody login .loginPopupTitle { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody login .loginPopupEmailLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody login .loginPopupEmailInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody login .loginPopupPasswordLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody login .loginPopupPasswordInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody login .loginPopupForgotPasswordLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody login .loginPopupInvalidPasswordMessage { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody login .loginPopupLoginFailedMessage { color: #cf432e; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody login .loginPopupForgotPasswordResultMessage { color: #cf432e; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody login .loginPopupLoginBtn { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody login .loginPopupCancelBtn { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody login .loginModalBackdrop { background-color: #ffffff; }
#alacerHotelSurroundPageBody login .loginForm { background-color: #ffffff; }
#alacerHotelSurroundPageBody .policyDialogHeader { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .policyClose { color: #2d3b3f; }
#alacerHotelSurroundPageBody .policyClose:hover { color: #2d3b3f; }
#alacerHotelSurroundPageBody .policyDescirption { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .policyWording { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .policyCloseButton { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody .policyCloseButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .policyBox { background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details .fancyArrow.counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details #roomSurroundRoomDetailsContent input.inputDropdown { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody availability-rooms-details #roomSurroundRoomDetailsContent .fancyArrow#availabilityRoomsDetailsNightDropDownIcon, #alacerHotelSurroundPageBody availability-rooms-details #roomSurroundRoomDetailsContent .fancyArrow#availabilityRoomsDetailsAdultDropDownIcon, #alacerHotelSurroundPageBody availability-rooms-details #roomSurroundRoomDetailsContent .fancyArrow#availabilityRoomsDetailsChildrenDropDownIcon { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarHeaderTextLabel { background-color: #dfe9ea; color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarBody .calendarSeparator { background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarBody table caption { background-color: #ffffff; color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarBody thead tr th { background-color: #dfe9ea; color: #2b747b; border-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarBody tbody tr td { border-color: #eef4f4; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup header { background-color: #ffffff; color: #2b747b; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarFooter { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody thead tr th { border-color: #dfe9ea; background-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody tbody tr td { border-color: #eef4f4; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarCaptionFont { background-color: #ffffff; color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleRangeSelected { background-color: #cf432e !important; border-color: #cf432e !important; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleSelectedLabel { background-color: #cf432e !important; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarFooter .bucketColorSection { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleDisable { background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleBucket1Label { background-color: #2d3b3f; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleBucket3Label { background-color: #cf432e; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleBucket4Label { background-color: #2b747b; }
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleEmpty { color: #eef4f4 !important; }
#alacerHotelSurroundPageBody availability-rooms-details .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .displayCalendarPopup .calendarFooterHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .alacerCalendarFooter .mobBucketNameSectionTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #DisplayCalendarCloseButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .prevMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .nextMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundRoomDetailsHeaderLabel { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundDialogCloseIcon { color: #2b747b; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsArivalDateSurroundLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details drop-down, #alacerHotelSurroundPageBody availability-rooms-details .departureDateSurround .input-group, #alacerHotelSurroundPageBody availability-rooms-details .arrivalDateSurround .input-group { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsArivalDateSurroundInput, #alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsArivalDateDropDown { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsArivalDateDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsArivalDateCalendarIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsArivalDateCalendarIconNew { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsDepartureDateSurroundLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsDepartureDateSurroundInput, #alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsDepartureDateSurroundDropDown { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsDepartureDateSurroundDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsDepartureDateCalendarIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsDepartureDateCalendarIconNew { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsNightLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsNightDropDown, #alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsNightInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsNightDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsNightDropDownIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsAdultLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsAdultDropDown, #alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsAdultInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsAdultDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsAdultDropDownIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsChildrenLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsChildrenDropDown, #alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsChildrenInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsChildrenDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsChildrenDropDownIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsInfantsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsInfantsDropDown, #alacerHotelSurroundPageBody availability-rooms-details .availabilityRoomsDetailsInfantsInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsInfantsDropDownNew { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details #availabilityRoomsDetailsInfantsDropDownIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityBackRoomButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityBackRoomButton:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityContinueRoomButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityContinueRoomButton:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityAddRoomButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityAddRoomButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody availability-rooms-details .roomDetailInnerSurround { background-color: #ffffff; }
#alacerHotelSurroundPageBody availability-rooms-details .singleCalendarWarningText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .warningMessageBox { background-color: #ffffff; }
#alacerHotelSurroundPageBody #engineArea span.input-group-addon { background-color: #ffffff !important; color: #2d3b3f !important; }
#alacerHotelSurroundPageBody #engineArea page2 span.input-group-addon { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #engineArea span.fancyArrow { background-color: #ffffff !important; color: #2d3b3f !important; }
#alacerHotelSurroundPageBody #engineArea { background-color: #eef4f4; }
#alacerHotelSurroundPageBody HotelBookingApp { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #InitialLoadingScreenText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody .commonButton, #alacerHotelSurroundPageBody login .loginPopupLoginBtn, #alacerHotelSurroundPageBody login .loginPopupCancelBtn, #alacerHotelSurroundPageBody .policyCloseButton, #alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn, #alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob, #alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob { color: #ffffff !important; background-color: #2b747b !important; }
#alacerHotelSurroundPageBody .commonButton:hover, #alacerHotelSurroundPageBody login .loginPopupLoginBtn:hover, #alacerHotelSurroundPageBody login .loginPopupCancelBtn:hover, #alacerHotelSurroundPageBody .policyCloseButton:hover, #alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob:hover { color: #2b747b !important; background-color: #377f86 !important; }
#alacerHotelSurroundPageBody .commonNavButton, #alacerHotelSurroundPageBody #page6 .page6NextNavButton, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton { color: #ffffff; font-weight: 400; background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon.right, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon.right { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody .commonNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon.left, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon.left { border-right-color: #ffffff; }
#alacerHotelSurroundPageBody .commonNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .commonNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:focus { color: #2b747b; }
#alacerHotelSurroundPageBody .commonNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover, #alacerHotelSurroundPageBody .commonNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6NextNavButton:focus, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:focus { color: #2b747b; }
#alacerHotelSurroundPageBody input, #alacerHotelSurroundPageBody input.form-control { background-color: #ffffff; }
#alacerHotelSurroundPageBody select { background-color: #ffffff; }
#alacerHotelSurroundPageBody textarea { background-color: #ffffff; }
#alacerHotelSurroundPageBody .form-group .input-group-addon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody .notIE.fullWidth .inputDropdown, #alacerHotelSurroundPageBody drop-down .inputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody .notIE.fullWidth .counterIcon, #alacerHotelSurroundPageBody drop-down .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .notIE.fullWidth .counterIconMob, #alacerHotelSurroundPageBody drop-down .counterIconMob { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody drop-down select.inputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody drop-down .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody drop-down .counterIconMob { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .controlIndicator { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .control:hover input ~ .controlIndicator, #alacerHotelSurroundPageBody .control input:focus ~ .controlIndicator { background-color: #ffffff; }
#alacerHotelSurroundPageBody .control input:checked ~ .controlIndicator { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .control input:disabled ~ .controlIndicator { background-color: #ffffff; }
#alacerHotelSurroundPageBody .controlCheckbox .controlIndicator:after { border-color: #ffffff; }
#alacerHotelSurroundPageBody .controlCheckbox input:disabled ~ .controlIndicator:after { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .commonPopupSuperClass .gallery-opacity, #alacerHotelSurroundPageBody .commonPopup .gallery-opacity, #alacerHotelSurroundPageBody .commonPopupSuperClass .policyBoxOpacity, #alacerHotelSurroundPageBody .commonPopup .policyBoxOpacity { background-color: #ffffff; }
#alacerHotelSurroundPageBody .commonPopupSuperClass .details-modal-body, #alacerHotelSurroundPageBody .commonPopup .details-modal-body { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonPopup .details-modal-body { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .commonPopup .gallery-opacity, #alacerHotelSurroundPageBody .commonPopup .policyBoxOpacity { background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default { color: #e9f0f0; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #cf432e; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current:hover { background-color: #377f86; color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.inactive { color: #e9f0f0; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.inactive:hover { background-color: #377f86; color: #e9f0f0; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after { border-left-color: #e9f0f0 !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:not(:last-child)::after { border-left-color: #cf432e !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover:not(:last-child)::after { border-left-color: #e9f0f0 !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel, #alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel { background-color: #2b747b !important; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket1Label, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleBucket1Label { color: #ffffff; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleBucket4Label { color: rgba(45, 59, 63, 0.5); }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody .calendarSeparator { background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody table caption { background-color: #ffffff; color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody thead tr th { background-color: #ffffff; color: #2b747b; border-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td { border-color: #eef4f4; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleDisable { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #4a5a5e; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday div { border-color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleRangeSelected { background-color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup header { background-color: #ffffff; color: #2b747b; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarFooter { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody { background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody thead tr th { border-color: #dfe9ea; background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody tbody tr td { border-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarLoading .glyphicon-refresh { font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendar { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckInLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckOutLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarNightsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarRoomsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround label.singleCalendarPromoCodeLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckInInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckOutInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarNightInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarRoomsInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarPromoCodeInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarFooter { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleRangeSelected { background-color: #2b747b !important; color: #ffffff !important; border-color: #377f86 !important; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket1Label { background-color: #2d3b3f; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket2Label { background-color: #2b747b !important; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket3Label { background-color: #cf432e; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket4Label { background-color: #eef4f4; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleEmpty { color: #eef4f4 !important; border-color: #eef4f4 !important; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .prevMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .nextMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .desktopBucketNameSectionTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .calendarFooterHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarFooter .mobBucketNameSectionTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarTitleFont { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarFooterTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #DisplayCalendarCloseButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #DisplayCalendarCloseButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRoomBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRoomBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRoomBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRoomBtnPage1:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRateBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRateBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRateBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRateBtnPage1:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalDefaultSearchBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalDefaultSearchBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRoomBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRoomBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRateBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRateBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarHeaderTextLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarBodyTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1SingleCalendarCheckInIcon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1SingleCalendarCheckOutIcon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1NightCounts .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1RoomCounts .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default.current { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default.current:not(:last-child):after { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default.inactive { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; font-weight: 400; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default.inactive:not(:last-child):after { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody .breadCrumbGroup .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadCrumbGroup { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadcrumb > a + a:before { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadcrumb > .inactive { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadcrumb > .current { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadcrumb > a + a:before { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .inactive { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; font-weight: 400; }
#alacerHotelSurroundPageBody #breadcrumbCasualView .breadcrumb > .current { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default { color: #e9f0f0; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #cf432e; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.current:hover { background-color: #377f86; color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.inactive { color: #e9f0f0; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn.btn-default.inactive:hover { background-color: #377f86; color: #e9f0f0; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after { border-left-color: #e9f0f0 !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:not(:last-child)::after { border-left-color: #cf432e !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover:not(:last-child)::after { border-left-color: #e9f0f0 !important; }
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover:not(:last-child)::after { border-left-color: #ffffff !important; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel, #alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel { background-color: #2b747b !important; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket1Label, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleBucket1Label { color: #ffffff; }
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label, #alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleBucket4Label { color: rgba(45, 59, 63, 0.5); }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody .calendarSeparator { background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody table caption { background-color: #ffffff; color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody thead tr th { background-color: #ffffff; color: #2b747b; border-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td { border-color: #eef4f4; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleDisable { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #4a5a5e; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday div { border-color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleRangeSelected { background-color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup header { background-color: #ffffff; color: #2b747b; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarFooter { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody { background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody thead tr th { border-color: #dfe9ea; background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody tbody tr td { border-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarLoading .glyphicon-refresh { font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendar { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckInLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckOutLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarNightsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarRoomsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround label.singleCalendarPromoCodeLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckInInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarCheckOutInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarNightInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarRoomsInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarPromoCodeInputText { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarFooter { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #eef4f4; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleRangeSelected { background-color: #2b747b !important; color: #ffffff !important; border-color: #377f86 !important; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket1Label { background-color: #2d3b3f; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket2Label { background-color: #2b747b !important; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket3Label { background-color: #cf432e; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket4Label { background-color: #eef4f4; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleEmpty { color: #eef4f4 !important; border-color: #eef4f4 !important; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .prevMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .nextMonthIcon { color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .desktopBucketNameSectionTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .displayCalendarPopup .calendarFooterHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarFooter .mobBucketNameSectionTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalendarTitleFont { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarFooterTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #DisplayCalendarCloseButton { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #DisplayCalendarCloseButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #defaultSearchBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobDefaultSearchBtnPage1:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRoomBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRoomBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRoomBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRoomBtnPage1:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRateBtnPage1, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRateBtnPage1 { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #searchByRateBtnPage1:hover, #alacerHotelSurroundPageBody page1 availability-inputs-surround #mobSearchByRateBtnPage1:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalDefaultSearchBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalDefaultSearchBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRoomBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRoomBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRateBtn { background-color: #2b747b; color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .singleCalSearchByRateBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarHeaderTextLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarBodyTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1SingleCalendarCheckInIcon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1SingleCalendarCheckOutIcon { background-color: #55656a; color: #2d3b3f; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1NightCounts .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody page1 availability-inputs-surround #page1RoomCounts .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .refineInputContainers { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineSummarySearchLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineSummaryDateLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-right-color: var(--brand-line); }
#alacerHotelSurroundPageBody #roomsRefineSummaryNightLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-right-color: var(--brand-line); }
#alacerHotelSurroundPageBody #roomsRefineSummaryAdultLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineSummaryChildrenLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineSummaryPriceLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody #roomsPageNoResultsLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsPageNoRoomsLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineDetailsSearchLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #refineArrivalDateInput { background-color: #ffffff; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .displayCalendarPopup, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .displayCalendarPopup header, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter header, #alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody header { background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody table caption { color: #2b747b; background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody .yearMonthContainer { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody thead tr th { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #dfe9ea; border-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody td { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleDisable { background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleSelectedLabel div { color: #ffffff !important; border-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleToday { border-color: #2b747b !important; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket1Label { background-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label { background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleSelectedLabel { background-color: #cf432e; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .mobBucketNameSectionTextLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarFooterHeading { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket1Label { background-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket2Label { background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket4Label { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleSelectedLabel { background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleSelectedLabel { color: #2b747b; background-color: #2b747b; border-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker #DisplayCalendarCloseButton { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .displayCalendarPopup, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody { background-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .displayCalendarPopup header, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter header, #alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody header { background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .singlePopupCalendarHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody table caption { color: #2b747b; background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody .yearMonthContainer { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody thead tr th { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #dfe9ea; border-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody td { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #dfe9ea; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleDisable { background-color: #ffffff; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleSelectedLabel div { color: #ffffff !important; border-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleToday { border-color: #2b747b !important; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleBucket1Label { background-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label { background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleSelectedLabel { background-color: #cf432e; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .mobBucketNameSectionTextLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarFooterHeading { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket1Label { background-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket2Label { background-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket4Label { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleSelectedLabel { color: #2b747b; background-color: #2b747b; border-color: #2b747b; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker #DisplayCalendarCloseButton { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #refineDepartureDateInput { background-color: #ffffff; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody #roomsRefineDetailsNightLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #roomsRefineDetailsNightDropdown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsAdultsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #refineAdultsInput { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsChildrenLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #refineChildrenInput { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsRefineDetailsInfantsLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #refineInfantsInput { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #roomsPageStayLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody refinearea .roomsPageFeatureTitle { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .featuresListGroupItem { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .priceRangeSlider label { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track { background-color: #ffffff; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .stats.left { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .stats.right { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-track-low, #alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-track-high, #alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-selection { background-color: #ffffff; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-selection { background-color: #ffffff; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .slider-track .slider-handle { background-color: #ffffff; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .tooltip.tooltip-min .tooltip-inner { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody refinearea .slider.slider-horizontal .tooltip.tooltip-max .tooltip-inner { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #accordion .accordionCard { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomName { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomPriceLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion .accordionRoomInfo .roomsPageRoomDescription { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordionRoomInfo .roomsPageRoomName { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordionRoomInfo .roomsPageRoomPrice { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordionRoomInfo .accordionCardDesc { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordionCardBtn1 { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordionCardBtn2 .icon { border-color: #2d3b3f !important; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .accordion .accordionCardPolicy span { color: #2b747b; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCardDetails .sideToggleRope.rope-2 { border-left-color: #2d3b3f; }
#alacerHotelSurroundPageBody #accordion .accordionCardBtn2 { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #2b747b; }
#alacerHotelSurroundPageBody #accordion .accordionCardBtn2 .icon.right { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion .accordionCardBtn2 .icon.left { border-right-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion .accordionCardBtn2:hover { background-color: #2b747b; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateParentPolicyCheckboxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateParentPolicyCheckboxTick { background-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateParentPolicyCheckboxInput:checked ~ #roomsPageRoomRateParentPolicyCheckboxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateParentPolicyCheckboxTick::after { border-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateChildPolicyCheckboxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateChildPolicyCheckboxTick { background-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateChildPolicyCheckboxInput:checked ~ #roomsPageRoomRateChildPolicyCheckboxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #accordion #roomsPageRoomRateChildPolicyCheckboxTick::after { border-color: #ffffff; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomRateChildPolicyCheckboxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomRateChildPolicyCheckboxTick { background-color: #ffffff !important; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomRateChildPolicyCheckboxInput:checked ~ .roomsPageRoomRateChildPolicyCheckboxTick, #alacerHotelSurroundPageBody #accordion .roomsPageRoomRateChildPolicyCheckboxInput:checked:focus ~ .roomsPageRoomRateChildPolicyCheckboxTick { background-color: #eef4f4 !important; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomRateChildPolicyCheckboxTick::after { border-color: #ffffff !important; }
#alacerHotelSurroundPageBody #accordion .accordionCardBtn1 { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody #accordion .commonButton, #alacerHotelSurroundPageBody #accordion login .loginPopupLoginBtn, #alacerHotelSurroundPageBody login #accordion .loginPopupLoginBtn, #alacerHotelSurroundPageBody #accordion login .loginPopupCancelBtn, #alacerHotelSurroundPageBody login #accordion .loginPopupCancelBtn, #alacerHotelSurroundPageBody #accordion .policyCloseButton, #alacerHotelSurroundPageBody #accordion .upsellPopUp .upsellPopupCloseBtn, #alacerHotelSurroundPageBody .upsellPopUp #accordion .upsellPopupCloseBtn, #alacerHotelSurroundPageBody #accordion #page6 .page6NextNavButtonMob, #alacerHotelSurroundPageBody #page6 #accordion .page6NextNavButtonMob, #alacerHotelSurroundPageBody #accordion #page6 .page6PrevNavButtonMob, #alacerHotelSurroundPageBody #page6 #accordion .page6PrevNavButtonMob { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody #accordion .commonButton:hover, #alacerHotelSurroundPageBody #accordion login .loginPopupLoginBtn:hover, #alacerHotelSurroundPageBody login #accordion .loginPopupLoginBtn:hover, #alacerHotelSurroundPageBody #accordion login .loginPopupCancelBtn:hover, #alacerHotelSurroundPageBody login #accordion .loginPopupCancelBtn:hover, #alacerHotelSurroundPageBody #accordion .policyCloseButton:hover, #alacerHotelSurroundPageBody #accordion .upsellPopUp .upsellPopupCloseBtn:hover, #alacerHotelSurroundPageBody .upsellPopUp #accordion .upsellPopupCloseBtn:hover, #alacerHotelSurroundPageBody #accordion #page6 .page6NextNavButtonMob:hover, #alacerHotelSurroundPageBody #page6 #accordion .page6NextNavButtonMob:hover, #alacerHotelSurroundPageBody #accordion #page6 .page6PrevNavButtonMob:hover, #alacerHotelSurroundPageBody #page6 #accordion .page6PrevNavButtonMob:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #accordion section.accordionCardMob > div .accordionCardMobTitle, #alacerHotelSurroundPageBody #accordion section.accordionCardMob > div .accordionCardMobBook { background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody #accordion section.accordionCardMob > div .accordionCardMobTitle:hover, #alacerHotelSurroundPageBody #accordion section.accordionCardMob > div .accordionCardMobBook:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody #accordion section.accordionCardMob > div .accordionCardMobDesc { background-color: #eef4f4; }
#alacerHotelSurroundPageBody gallery .accordionCard-details, #alacerHotelSurroundPageBody gallery .accordionCard-details, #alacerHotelSurroundPageBody gallery .policyBox { background-color: #ffffff; }
#alacerHotelSurroundPageBody gallery .galleryRoomRatesName { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody gallery .galleryRoomRatesPriceLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody gallery .galleryRoomRatesPrice { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody gallery .galleryRoomRatesDescription { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody gallery .galleryRoomRatesAmenites { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody gallery .galleryCloseButton { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody gallery .galleryCloseButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody gallery .glyphicon-chevron-right { color: #ffffff; }
#alacerHotelSurroundPageBody gallery .glyphicon-chevron-left { color: #ffffff; }
#alacerHotelSurroundPageBody gallery .carousel-indicators li { border-color: #ffffff; }
#alacerHotelSurroundPageBody gallery .carousel-indicators .active { background-color: #ffffff; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .summaryDetailsDuration { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .summaryDetailsNightCount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .summaryDetailsAdultCount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .summaryDetailsResourceCatergoryTitle { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .summaryDetailsRateCodeTitle { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeatures { border-top-color: var(--brand-line); }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeaturesSeparator { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeaturesDuration { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeaturesDescriptionShort { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterFeaturesPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .summaryDetailsDuration { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .summaryDetailsNightCount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .summaryDetailsAdultCount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .summaryDetailsResourceCatergoryTitle { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .summaryDetailsRateCodeTitle { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .filterFeaturesSeparator { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .filterFeaturesDuration { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .filterFeaturesDescriptionShort { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody #breifRoomSummaryContainer .filterSummaryWrapperMob .filterFeaturesPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2d3b3f; }
#alacerHotelSurroundPageBody .upsellsTile { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody .upsellsAccordion { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .xsUpsellsAccordion { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .upsellContentAccordion { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .xsUpsellDescription { background-color: #ffffff; }
#alacerHotelSurroundPageBody .upsellDurationDropdown { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .upsellDurationDropdown .fancyArrow { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .upsellDurationDropdown select { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .upsellQuantityDropdown { background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .upsellQuantityDropdown .fancyArrow { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .upsellQuantityDropdown select { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .lgUpsells .upsellMainTile { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .lgUpsells .upsellDescriptionShort { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .lgUpsells .upsellDescriptionLong { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .lgUpsells .upsellsContentNotes textarea { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .lgUpsells .upsellContentPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .lgUpsells .upsellBookButton { background-color: #2b747b; border-color: #2d3b3f; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; }
#alacerHotelSurroundPageBody .lgUpsells .upsellBookButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .xsUpsells .xsUpsellDescription { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .xsUpsells .upsellDescriptionBtn { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .xsUpsells .upsellDateLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .xsUpsells .upsellQuantityLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .xsUpsells .upsellNoteLabel { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .xsUpsells .upsellDescriptionShort { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .xsUpsells .upsellDescriptionLong { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .xsUpsells .upsellsContentNotes textarea { background-color: #ffffff; border-color: #2d3b3f; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .xsUpsells .upsellContentPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .xsUpsells .upsellBookButton { background-color: #2b747b; border-color: #2d3b3f; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; }
#alacerHotelSurroundPageBody .xsUpsells .upsellBookButton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellQuantityWarningPopUpOpacity { background-color: #ffffff; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellQuantityWarningPopUp { background-color: #ffffff; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellPopupTitle { border-bottom-color: var(--brand-line); font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellPopupMessage { border-bottom-color: var(--brand-line); font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn { background-color: #2b747b; border-color: #2d3b3f; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; }
#alacerHotelSurroundPageBody .upsellPopUp .upsellPopupCloseBtn:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .upsellContent ::-webkit-input-placeholder { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .upsellContent ::-moz-placeholder { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .upsellContent :-ms-input-placeholder { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .upsellContent :-moz-placeholder { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody .bookingRestaurantBody span.fancyArrow { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #availableTimesdropDownID { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHeader .restaurantdesktoptitle { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .restaurantmobiletitle { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .restaurantContent { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .displaydatefont { font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .restaurantBookableTimeAvailYes { color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .restaurantBookableTimeAvailYes:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .restaurantBookableTimeAvailNo { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #eef4f4; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .selected { color: #2b747b !important; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; background-color: #ffffff !important; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .allDayCheckboxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .allDayCheckbox { background-color: #ffffff; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .control input:checked ~ .allDayCheckbox { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .controlCheckbox .allDayCheckbox:after { border-color: #ffffff; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .datelabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #datedropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .dateIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .guestlabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #guestdropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .experiencelabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #experiencedropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .guestIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .venuelabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #venuedropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .venueIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .sessionlabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #sessiondropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .sessionIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .availableTimeslabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody #availableTimesdropDownID { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .availableTimesIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .mob-container { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .desktopbookbutton { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .desktopbookbutton:hover { background-color: #377f86; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydesktoplabel { color: #2b747b; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydesktopmessage { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restaurantbookings { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydelete { background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantHistory .restauranthistorydelete:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page4ButtonSurround .deskPreviousBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page4ButtonSurround .deskPreviousBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page4ButtonSurround .prevSeparator { border-right-color: #ffffff; }
#alacerHotelSurroundPageBody #page4ButtonSurround .deskNextBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page4ButtonSurround .deskNextBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page4ButtonSurround .nextSeparator { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody #page4ButtonSurround .mobPrevBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page4ButtonSurround .mobPrevBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page4ButtonSurround .mobNextBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page4ButtonSurround .mobNextBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2b747b; background-color: #ffffff; }
#alacerHotelSurroundPageBody .summaryCarView { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody .mobSummaryPageHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2b747b; background-color: #ffffff; }
#alacerHotelSurroundPageBody .summaryPageRoomHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .summaryTransDetails { border-color: var(--brand-line); background-color: #ffffff; }
#alacerHotelSurroundPageBody .bookingSummaryContainer { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .Page5HeaderContainer { background-color: #ffffff; border-color: var(--brand-line); font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .editButton { color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .editButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .deleteButton { color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .deleteButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .bookAdditionalExtraBtn { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .bookAdditionalExtraBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody .roomSummarySubTotalMobile { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .roomSummarySubTotalDesktop { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .mobSummaryButtonHolder { background-color: #eef4f4; }
#alacerHotelSurroundPageBody .mobBookAdditionalExtraBtn { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .mobBookAdditionalExtraBtn:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .mobsummaryPageDeleteBookingButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .mobsummaryPageDeleteBookingButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .summaryPageTableBookingHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .bookingSummaryAmountTableHeaderLabel, #alacerHotelSurroundPageBody .restaurantSummaryCarHeaderLabel, #alacerHotelSurroundPageBody .roomBookingSummaryTableHeaderLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .restaurantSummaryCardTableContent { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookAdditionalTableBtn { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .bookAdditionalTableBtn:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .desktopSummaryAddExtraRoom { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .desktopSummaryAddExtraRoom:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .desktopSummaryNextBtn { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .desktopSummaryNextBtn:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .summaryPageEditBookingButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageEditBookingButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .summaryPageDeleteBookingButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageDeleteBookingButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .roomBookingSummaryTableBody .itemDescription, #alacerHotelSurroundPageBody .roomBookingSummaryTableBody .summaryPageBookingExtraDesc { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .roomBookingSummaryTableBody .itemDates, #alacerHotelSurroundPageBody .roomBookingSummaryTableBody .summaryPageBookingExtraDuration { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .roomBookingSummaryTableBody .itemPrice, #alacerHotelSurroundPageBody .roomBookingSummaryTableBody .summaryPageBookingExtraTotalCost { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .itemDescription, #alacerHotelSurroundPageBody .summaryPageBookingExtraDesc, #alacerHotelSurroundPageBody .summaryPageBookingExtraDuration, #alacerHotelSurroundPageBody .summaryPageBookingExtraTotalCost, #alacerHotelSurroundPageBody .summaryPageResDesc, #alacerHotelSurroundPageBody .summaryPageResDate, #alacerHotelSurroundPageBody .summaryPageResPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .itemDates { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .itemPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingSummaryAmountTableContent td.col-subtotal-desc label, #alacerHotelSurroundPageBody .bookingSummaryAmountTableContent td.col-price label { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody .bookingSummaryAmountTableContent .summaryPagePriceText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #summaryPageVoucherCode { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody .promoVoucherLabelText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #summaryPageVoucherCodeAddButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody #summaryPageVoucherCodeAddButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .summaryPageBillingInfo .DepositLabel, #alacerHotelSurroundPageBody .bookingSummaryBody .DepositLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageBillingInfo .DepositAmount, #alacerHotelSurroundPageBody .bookingSummaryBody .DepositAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageBillingInfo .TotalPriceLabel, #alacerHotelSurroundPageBody .bookingSummaryBody .TotalPriceLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .summaryPageBillingInfo .TotalPriceAmount, #alacerHotelSurroundPageBody .bookingSummaryBody .TotalPriceAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; }
#alacerHotelSurroundPageBody .page5NextNavButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .page5NextNavButton .icon-right { border-color: #ffffff; }
#alacerHotelSurroundPageBody .page5NextNavButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .page5PrevNavButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .page5PrevNavButton .icon-left { border-color: #ffffff; }
#alacerHotelSurroundPageBody .page5PrevNavButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .mobSummaryNextBtn, #alacerHotelSurroundPageBody .page5NextNavButtonMob { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .mobSummaryNextBtn:hover, #alacerHotelSurroundPageBody .page5NextNavButtonMob:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .mobSummaryAddExtraRoom, #alacerHotelSurroundPageBody .page5PrevNavButtonMob { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody .mobSummaryAddExtraRoom:hover, #alacerHotelSurroundPageBody .page5PrevNavButtonMob:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody .content-mobile { background-color: #ffffff; }
#alacerHotelSurroundPageBody .whiteBg.clearfix { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .YourDetailsHeadingTextLabelFont { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 #yourDetails { border-color: var(--brand-line); background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .yourDetailsFieldLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .yourDetailsFieldInputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .yourDetailsFieldInputDropdown .fancyArrow { color: #2d3b3f; background-color: #55656a; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 .yourDetailsFieldInputDropdown select { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 .yourDetailsFieldInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 #marketingCheckBoxLabel, #alacerHotelSurroundPageBody #page6 #marketingCheckBoxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 #marketingCheckBoxTick { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 #marketingCheckBoxInput:checked ~ #marketingCheckBoxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #page6 #marketingCheckBoxInputMob:checked ~ #marketingCheckBoxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #page6 #marketingCheckBoxTick::after { border-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .createWebAccountFont { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page6 .createWebAccountFont:hover { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .createWebAccountFont:focus { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .createWebAccountFont:active { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .createWebAccountFont:visited { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .checkOutGuestFont { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page6 .checkOutGuestFont:hover { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .checkOutGuestFont:focus { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .checkOutGuestFont:active { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .checkOutGuestFont:visited { color: #2b747b; }
#alacerHotelSurroundPageBody #page6 #guestDetailsForm { border-color: var(--brand-line); background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxTick { background-color: #ffffff !important; }
#alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxInput:checked ~ .sameAsAboveCheckBoxTick { background-color: #eef4f4 !important; }
#alacerHotelSurroundPageBody #page6 .sameAsAboveCheckBoxTick::after { border-color: #ffffff !important; }
#alacerHotelSurroundPageBody #page6 #guestHeaderTextLabel { color: #2b747b; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 #guestRoomHeaderTextLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldDropdownInput { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInput { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 .guestDetailsGuestLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInputDropdown { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInputDropdown .fancyArrow { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody #page6 .guestDetailsFieldInputDropdown select { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 #guestDetailsMarketingCheckBoxTick { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 #guestDetailsMarketingCheckBoxInput:checked ~ #guestDetailsMarketingCheckBoxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #page6 #guestDetailsMarketingCheckBoxTick::after { border-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 #guestDetailsAddNoteLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody #page6 #guestDetailsAddNoteInputTextArea { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #page6 #yourDetailsNoResults { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 .policyHighlightFont { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxTick { background-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxInput:checked ~ #yourDetailsPolicyCheckboxTick { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #page6 #yourDetailsPolicyCheckboxTick::after { border-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6NextNavButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6NextNavButton .icon-right { border-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton .icon-left { border-color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6NextNavButtonMob:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #2b747b; color: #ffffff; }
#alacerHotelSurroundPageBody #page6 .page6PrevNavButtonMob:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #page6 .customCheckboxHolder { border-color: #2d3b3f; background-color: #ffffff; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround #PaymentBillingAddressHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .billingBgColor { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .address1Label { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround #Address1 { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .address2Label { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround #Address2 { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .townLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround #Town { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countyLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countyDropdown { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countyDropdown .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countryLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countryDropdown { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .countryDropdown .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .postLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround #Postcode { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .sameAsLeadGuestCheckboxLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .sameAsLeadGuestCheckbox { background-color: #ffffff; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .control input:checked ~ .sameAsLeadGuestCheckbox { background-color: #eef4f4; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround .controlCheckbox .sameAsLeadGuestCheckbox:after { border-color: #ffffff; }
#alacerHotelSurroundPageBody page7 #PaymentCardDetailHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody page7 .cardDetailsBgColor { background-color: #ffffff; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskPreviousBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskPreviousBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .prevSeparator { border-right-color: #ffffff; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskNextBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .deskNextBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .nextSeparator { border-left-color: #ffffff; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .mobPrevBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .mobPrevBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .mobNextBtn { background-color: #2b747b; color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#alacerHotelSurroundPageBody page7 #page7ButtonSurround .mobNextBtn:hover { background-color: #377f86; color: #2b747b; }
#alacerHotelSurroundPageBody #paymentBillingAddressSurround span.fancyArrow { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_cardholdername .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_cardholdername #cardholdername { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_pan .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_pan #pan { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_cardType .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_cardType #cardTypeDropDown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_cardType .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_startdateArea .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_startdateArea .yearSelectID #startYearDropDown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_startdateArea .yearSelectID .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_startdateArea .monthSelectID #startMonthDropDown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_startdateArea .monthSelectID .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_expirydateArea .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_expirydateArea .yearSelectID #expiryYearDropDown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_expirydateArea .yearSelectID .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_expirydateArea .monthSelectID #expiryMonthDropDown { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_expirydateArea .monthSelectID .counterIcon { color: #2d3b3f; background-color: #55656a; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_csc .labelDiv { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody form[name=verifonePaymentForm] #rowFor_csc #csc { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardTypeRow #CardTypeLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardTypeRow #DropDownCardType { background-color: #ffffff; font-weight: 400; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #2d3b3f; }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardNumberRow #CardNumberLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardNumberRow #CardNumberPaymentDetails { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardHoldersNameRow #CardHoldersNameLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardHoldersNameRow #CardHoldersNamePaymentDetails { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #CardDetailsSurround #ValidToRow #ValidToLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #ValidToRow #ValidToPaymentDetails { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardSecurityCodeRow #CardSecurityCodeLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #CardSecurityCodeRow #CardSecurityCodePaymentDetails { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #CardDetailsSurround #IssueNoRow #IssueNoLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody #CardDetailsSurround #IssueNoRow #IssueNoPaymentDetails { background-color: #ffffff; font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; border-color: var(--brand-line); }
#alacerHotelSurroundPageBody #paymentDetailsSurroundSurround .accordionCard.form-group.cardDetailsBgColor span.fancyArrow { border-color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .newBookingWrapper button.commonNavButton, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6NextNavButton, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6NextNavButton, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6PrevNavButton, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6PrevNavButton { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; background-color: #2b747b; }
#alacerHotelSurroundPageBody page8 .newBookingWrapper button.commonNavButton:hover, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6NextNavButton:hover, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6NextNavButton:hover, #alacerHotelSurroundPageBody page8 .newBookingWrapper #page6 button.page6PrevNavButton:hover, #alacerHotelSurroundPageBody #page6 page8 .newBookingWrapper button.page6PrevNavButton:hover { color: #2b747b; background-color: #377f86; }
#alacerHotelSurroundPageBody page8 .confirmPageHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b747b; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmPageMessage { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #2b747b; }
#alacerHotelSurroundPageBody page8 .confirmationPageBookingInformation .itemDescription { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmationPageBookingInformation .itemDates { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmationPageBookingInformation .itemPrice { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmationPageBookingTotal .confirmationPageSubTotalText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmationPageBookingTotal .confirmationPagePriceText { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmPageRoomsHeading { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
#alacerHotelSurroundPageBody page8 .confirmationPageBillingInfo .DepositLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .confirmationPageBillingInfo .DepositAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .confirmationPageBillingInfo .TotalPriceLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .confirmationPageBillingInfo .TotalPriceAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .DepositLabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .DepositAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .TotalPricelabel { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }
#alacerHotelSurroundPageBody page8 .TotalPriceAmount { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2d3b3f; }


/* ===== Part 2: brand layer ===== */
/* =====================================================================
   Buchan Braes Hotel — engine theme brand layer (generated by retheme.py)
   Palette: page #f2f2f2, ink #2d3b3f, dark #377f86, accent #2b747b,
   sand #dfe9ea, linen #eef4f4, paper #ffffff.  Font: Hind Siliguri
   Loaded last (from the wrapper), after any shared frame stylesheet.
   ===================================================================== */
:root {
	--brand-cream: #f2f2f2;
	--brand-ink: #2d3b3f;
	--brand-corten: #377f86;
	--brand-bronze: #2b747b;
	--brand-sand: #dfe9ea;
	--brand-linen: #eef4f4;
	--brand-paper: #ffffff;
	--brand-muted: #55656a;
	--brand-line: rgba(45, 59, 63, 0.12);
	--brand-line-strong: rgba(45, 59, 63, 0.25);
	--brand-font: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--brand-texture: none;
	--brand-heading-font: "Proza Libre", Georgia, serif;

	/* variables consumed by UserVoucher.css */
	--buttonBackgroundColor: #2d3b3f;
	--buttonTextColor: #f2f2f2;
	--buttonBackgroundColorHover: #377f86;
	--buttonTextColorHover: #f2f2f2;
	--buttonBorder: 1px solid #2d3b3f;
	--buttonBorderHover: 1px solid #377f86;
	--checkboxBackgroundColor: #ffffff;
	--checkboxTickColor: #2d3b3f;
}

/* ---------- Page ---------- */
html body#alacerHotelSurroundPageBody {
	background: var(--brand-cream) !important;
	color: var(--brand-ink);
	font-family: var(--brand-font) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
}

#alacerHotelSurroundPageBody main,
#alacerHotelSurroundPageBody main.uneven {
	background: transparent !important;
	padding: 0 0 3rem 0 !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	float: none !important;
}

/* Global type inside the engine — keep icon fonts intact */
#alacerHotelSurroundPageBody #engineAreaContainer,
#alacerHotelSurroundPageBody #engineAreaContainer *:not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
#alacerHotelSurroundPageBody #headerBar,
#alacerHotelSurroundPageBody #headerBar *:not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
#alacerHotelSurroundPageBody .modal,
#alacerHotelSurroundPageBody .modal *:not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
#alacerHotelSurroundPageBody .bootstrap-dialog *:not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i) {
	font-family: var(--brand-font) !important;
}

#alacerHotelSurroundPageBody #engineAreaContainer h1,
#alacerHotelSurroundPageBody #engineAreaContainer h2,
#alacerHotelSurroundPageBody #engineAreaContainer h3,
#alacerHotelSurroundPageBody #engineAreaContainer h4,
#alacerHotelSurroundPageBody .modal h1,
#alacerHotelSurroundPageBody .modal h2,
#alacerHotelSurroundPageBody .modal h3,
#alacerHotelSurroundPageBody .modal h4 {
	font-weight: 500 !important;
	letter-spacing: -0.02em;
	color: #2d3b3f;
}

#alacerHotelSurroundPageBody #engineAreaContainer a:not(.btn):not([class*="Btn"]):not([class*="btn"]):not([class*="Button"]) {
	color: var(--brand-bronze);
}
#alacerHotelSurroundPageBody #engineAreaContainer a:not(.btn):not([class*="Btn"]):not([class*="btn"]):not([class*="Button"]):hover {
	color: var(--brand-corten);
}

/* ---------- Header (replaces old site nav) ---------- */


#alacerHotelSurroundPageBody .brand-header {
	background: #377f86 var(--brand-texture) repeat;
	border-bottom: 0;
	color: #ffffff;
	margin: 0 0 2.5rem 0;
	padding: 0;
	position: relative;
}
#alacerHotelSurroundPageBody .brand-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: 110px;
	padding: 0 50px;
	box-sizing: border-box;
}
#alacerHotelSurroundPageBody .brand-logo {
	display: flex;
	align-items: center;
	gap: 18px;
	text-decoration: none;
	border: 0;
	background: none;
	color: #ffffff;
}
#alacerHotelSurroundPageBody .brand-logo svg {
	display: block;
	width: 80px;
	height: auto;
}
#alacerHotelSurroundPageBody .brand-logo svg path:not([fill]) { /* paths that set their own fill (e.g. a mask or a two-colour mark) keep it */
	fill: currentColor;
}
#alacerHotelSurroundPageBody .brand-wordmark {
	font-family: "Proza Libre", Georgia, serif !important;
	font-size: 28px;
	line-height: 1;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #ffffff;
}
#alacerHotelSurroundPageBody .brand-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
#alacerHotelSurroundPageBody .brand-header-side {
	display: flex;
	align-items: center;
	gap: 22px;
}
#alacerHotelSurroundPageBody .brand-accolade,
#alacerHotelSurroundPageBody .brand-back {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--brand-font);
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1;
	text-decoration: none;
}
#alacerHotelSurroundPageBody .brand-back::before {
	content: "\2190";
	font-size: 14px;
	letter-spacing: 0;
	transition: transform .2s ease;
}
#alacerHotelSurroundPageBody .brand-back:hover::before { transform: translateX(-3px); }
#alacerHotelSurroundPageBody .brand-accolade img {
	display: inline-block;
	height: 12px;
	width: auto;
}

/* light header: page-coloured band, ink logo, quiet grey labels */
#alacerHotelSurroundPageBody .brand-header--light .brand-accolade,
#alacerHotelSurroundPageBody .brand-header--light .brand-back {
	color: var(--brand-muted);
}
#alacerHotelSurroundPageBody .brand-header--light .brand-back:hover {
	color: var(--brand-ink);
}

/* centred header: back link | logo | accolade */
#alacerHotelSurroundPageBody .brand-header--centred .brand-header-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	height: auto;
	min-height: 110px;
	padding-top: 22px;
	padding-bottom: 22px;
}
#alacerHotelSurroundPageBody .brand-header--centred .brand-header-left { justify-content: flex-start; }
#alacerHotelSurroundPageBody .brand-header--centred .brand-header-right { justify-content: flex-end; }
#alacerHotelSurroundPageBody .brand-header--centred.brand-header--wordmark .brand-logo {
	flex-direction: column;
	gap: 14px;
}

@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody .brand-header { margin-bottom: 1.5rem; }
	#alacerHotelSurroundPageBody .brand-header-inner { height: 76px; padding: 0 20px; }
	#alacerHotelSurroundPageBody .brand-logo svg { width: 60px; }
	#alacerHotelSurroundPageBody .brand-wordmark { font-size: 20px; }
	#alacerHotelSurroundPageBody .brand-accolade,
	#alacerHotelSurroundPageBody .brand-back { font-size: 10px; letter-spacing: 1.1px; }
	#alacerHotelSurroundPageBody .brand-accolade img { height: 11px; }
	#alacerHotelSurroundPageBody .brand-header--centred .brand-header-inner {
		grid-template-columns: 1fr;
		justify-items: center;
		row-gap: 12px;
		height: auto;
		padding: 18px 20px;
	}
	#alacerHotelSurroundPageBody .brand-header--centred .brand-header-left { order: 2; justify-content: center; }
	#alacerHotelSurroundPageBody .brand-header--centred .brand-logo { order: 1; }
	#alacerHotelSurroundPageBody .brand-header--centred .brand-header-right { display: none; }
	#alacerHotelSurroundPageBody .brand-header--centred.brand-header--wordmark .brand-logo { gap: 10px; }
}

/* ---------- Notices carried over from the old wrapper (e.g. dietary / waiting-list notes) ---------- */
#alacerHotelSurroundPageBody #note,
#alacerHotelSurroundPageBody #waitlist,
#alacerHotelSurroundPageBody #termsandconditions,
#alacerHotelSurroundPageBody .brand-notice {
	max-width: 820px;
	margin: 0 auto 10px auto !important;
	padding: 0 20px;
	text-align: center;
	font-family: var(--brand-font) !important;
	font-size: 15px !important;
	line-height: 1.6;
	font-weight: 400;
	color: var(--brand-muted) !important;
	background: none !important;
}
#alacerHotelSurroundPageBody #note {
	font-family: "Proza Libre", Georgia, serif !important;
	font-size: 22px !important;
	line-height: 1.35;
	font-style: italic;
	color: var(--brand-ink) !important;
	margin-bottom: 18px !important;
	font-size-adjust: none;
}
#alacerHotelSurroundPageBody #waitlist b,
#alacerHotelSurroundPageBody #waitlist strong {
	display: block;
	font-weight: 500;
	color: var(--brand-ink);
	border-top: 1px solid var(--brand-line);
	border-bottom: 1px solid var(--brand-line);
	padding: 14px 0;
	margin-bottom: 8px;
}
#alacerHotelSurroundPageBody #termsandconditions {
	font-size: 13px !important;
	margin-bottom: 2rem !important;
}
#alacerHotelSurroundPageBody #waitlist a,
#alacerHotelSurroundPageBody #termsandconditions a,
#alacerHotelSurroundPageBody .brand-notice a {
	color: var(--brand-ink) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody #note { font-size: 19px !important; margin-bottom: 12px !important; }
	#alacerHotelSurroundPageBody #waitlist,
	#alacerHotelSurroundPageBody .brand-notice { font-size: 13px !important; line-height: 1.5; }
	#alacerHotelSurroundPageBody #termsandconditions { font-size: 12px !important; margin-bottom: 1rem !important; }
	#alacerHotelSurroundPageBody #waitlist b,
	#alacerHotelSurroundPageBody #waitlist strong { padding: 10px 0; }
}
#alacerHotelSurroundPageBody #waitlist a:hover,
#alacerHotelSurroundPageBody #termsandconditions a:hover {
	color: var(--brand-corten) !important;
}

/* ---------- Headings in the heading font (only emitted when heading_font_family is set) ---------- */
html body#alacerHotelSurroundPageBody:not(#brand-heading-boost) #engineAreaContainer :is(h1, h2, h3, h4):not(.upsellDescriptionLong):not(.summaryPageSubTotalLabelText):not(.summaryPageSubTotalAmount):not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
html body#alacerHotelSurroundPageBody:not(#brand-heading-boost) .modal :is(h1, h2, h3, h4, .modal-title):not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
html body#alacerHotelSurroundPageBody:not(#brand-heading-boost) .bootstrap-dialog-title:not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i),
html body#alacerHotelSurroundPageBody:not(#brand-heading-boost) :is(.roomsPageRoomName, .galleryRoomRatesName, .searchLabel > label, h2.upsellMainTile label, .stayLabel > label, .pageHeading, .page1TilesMenuTitle, .voucherDetailPaneVoucherTitle, article.voucherTitle, .modalHeaderTexTitleLabel, .brand-footer-title):not(.fa):not(.glyphicon):not([class*="fa-"]):not([class*="glyphicon-"]):not(i) {
	font-family: "Proza Libre", Georgia, serif !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-size-adjust: none;
	text-transform: none !important;
}

/* ---------- Footer ---------- */
#alacerHotelSurroundPageBody .brand-footer {
	font-family: var(--brand-font);
	color: var(--brand-cream);
	margin: 3rem 0 0 0;
	clear: both;
}
#alacerHotelSurroundPageBody .brand-footer a {
	text-decoration: none;
	color: var(--brand-cream);
}
#alacerHotelSurroundPageBody .brand-footer-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px 48px;
	padding: 56px 50px;
	background: #377f86 var(--brand-texture) repeat;
}
#alacerHotelSurroundPageBody .brand-contact {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
#alacerHotelSurroundPageBody .brand-footer-title {
	font-size: 32px;
	line-height: 1.1;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--brand-paper);
	margin-bottom: 6px;
}
#alacerHotelSurroundPageBody .brand-contact-item {
	font-size: 14px;
	line-height: 1.5;
}
#alacerHotelSurroundPageBody .brand-label {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--brand-cream);
	margin-bottom: 2px;
}
#alacerHotelSurroundPageBody .brand-links {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	text-align: right;
}
#alacerHotelSurroundPageBody .brand-strap-name {
	display: block;
	font-size: 16px;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 4px;
}
#alacerHotelSurroundPageBody .brand-strap {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #ffffff;
	padding-bottom: 16px;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(223, 233, 234, 0.6);
}
#alacerHotelSurroundPageBody .brand-links a {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}
#alacerHotelSurroundPageBody .brand-links a:hover {
	color: var(--brand-sand);
}
#alacerHotelSurroundPageBody .brand-footer-under {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 50px;
	background: var(--brand-cream);
	color: var(--brand-ink);
}
#alacerHotelSurroundPageBody .brand-affiliations {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	min-width: 0;
}
#alacerHotelSurroundPageBody .brand-affiliations img {
	display: block;
	height: 30px;
	width: auto;
}
#alacerHotelSurroundPageBody .brand-copy {
	font-size: 12px;
	color: var(--brand-ink);
}
@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody .brand-footer-top {
		flex-direction: column;
		align-items: flex-start;
		padding: 40px 20px;
	}
	#alacerHotelSurroundPageBody .brand-links {
		align-items: flex-start;
		text-align: left;
	}
	#alacerHotelSurroundPageBody .brand-footer-under {
		padding: 18px 20px;
		flex-direction: column;
		align-items: flex-start;
	}
	#alacerHotelSurroundPageBody .brand-affiliations { gap: 14px; max-width: 100%; }
}

/* ---------- Header bar (login / basket) ---------- */
#alacerHotelSurroundPageBody #headerBar,
#alacerHotelSurroundPageBody #headerBar .headerBanner,
#alacerHotelSurroundPageBody #headerBar [style*="background-color:white"],
#alacerHotelSurroundPageBody #headerBar [style*="background-color: white"] {
	background-color: transparent !important;
}
#alacerHotelSurroundPageBody .loginLink,
#alacerHotelSurroundPageBody .loginLinkmobile,
#alacerHotelSurroundPageBody #headerBar .loginLink,
#alacerHotelSurroundPageBody #headerBar .loginLinkmobile {
	display: inline-block;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--brand-cream) !important;
	background: var(--brand-ink) !important;
	border: 1px solid var(--brand-ink) !important;
	padding: 10px 18px;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}
#alacerHotelSurroundPageBody .loginLink:empty,
#alacerHotelSurroundPageBody .loginLinkmobile:empty {
	display: none;
}
#alacerHotelSurroundPageBody .loginLink:hover,
#alacerHotelSurroundPageBody .loginLinkmobile:hover,
#alacerHotelSurroundPageBody #headerBar .loginLink:hover,
#alacerHotelSurroundPageBody #headerBar .loginLinkmobile:hover {
	background: var(--brand-corten) !important;
	border-color: var(--brand-corten) !important;
	color: var(--brand-cream) !important;
}
#alacerHotelSurroundPageBody .logoutButton {
	color: var(--brand-ink);
}

/* ---------- Buttons ---------- */
#alacerHotelSurroundPageBody #engineAreaContainer .btn,
#alacerHotelSurroundPageBody #engineAreaContainer .commonButton,
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton,
#alacerHotelSurroundPageBody .modal .btn,
#alacerHotelSurroundPageBody .modal .commonButton,
#alacerHotelSurroundPageBody .bootstrap-dialog .btn {
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 500 !important;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-size: 13px !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
/* Button height standard (2026 refresh): one 44px height for primary and secondary actions,
   label centred. Breadcrumb steps, input-group addons and calendar arrows keep their own size. */
#alacerHotelSurroundPageBody #engineAreaContainer .btn,
#alacerHotelSurroundPageBody #engineAreaContainer .commonButton,
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton,
#alacerHotelSurroundPageBody .modal .btn,
#alacerHotelSurroundPageBody .modal .commonButton,
#alacerHotelSurroundPageBody .bootstrap-dialog .btn,
#alacerHotelSurroundPageBody .loginLink {
	min-height: 44px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1.2 !important;
	box-sizing: border-box;
}
#alacerHotelSurroundPageBody #engineAreaContainer .btn-block { display: flex; width: 100%; }
#alacerHotelSurroundPageBody #engineAreaContainer .hidden,
#alacerHotelSurroundPageBody .loginLink.hidden { display: none !important; }
#alacerHotelSurroundPageBody .btn-breadcrumb .btn,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn,
#alacerHotelSurroundPageBody .input-group-addon,
#alacerHotelSurroundPageBody .btn-xs {
	min-height: 0 !important;
	display: inline-block;
}

/* Brand button colours (button_bg etc.): main actions solid, secondary (Login) soft */
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton:not(.brand-btn-secondary),
#alacerHotelSurroundPageBody #engineAreaContainer .commonButton:not(.loginLink):not(.logoutButton):not(.brand-btn-secondary),
#alacerHotelSurroundPageBody #engineAreaContainer .input-group-bookBtn,
#alacerHotelSurroundPageBody #engineAreaContainer .roomsPageBookBtn,
#alacerHotelSurroundPageBody #engineAreaContainer label.btn:not(.brand-btn-secondary),
#alacerHotelSurroundPageBody #page6 .page6NextNavButton,
#alacerHotelSurroundPageBody .modal .commonButton:not(.brand-btn-secondary),
#alacerHotelSurroundPageBody .bootstrap-dialog .btn-primary {
	background: #2b747b !important;
	border-color: #2b747b !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton:not(.brand-btn-secondary):hover,
#alacerHotelSurroundPageBody #engineAreaContainer .commonButton:not(.loginLink):not(.logoutButton):not(.brand-btn-secondary):hover,
#alacerHotelSurroundPageBody #engineAreaContainer .input-group-bookBtn:not(.disabled):hover,
#alacerHotelSurroundPageBody #engineAreaContainer label.btn:not(.brand-btn-secondary):hover,
#alacerHotelSurroundPageBody #page6 .page6NextNavButton:hover,
#alacerHotelSurroundPageBody .modal .commonButton:not(.brand-btn-secondary):hover {
	background: #215d63 !important;
	border-color: #215d63 !important;
	color: #ffffff !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton:not(.brand-btn-secondary) *,
#alacerHotelSurroundPageBody #engineAreaContainer .commonButton:not(.loginLink) * {
	color: inherit !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .input-group-bookBtn.disabled {
	opacity: .45;
}
#alacerHotelSurroundPageBody #engineAreaContainer .brand-btn-secondary,
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton,
#alacerHotelSurroundPageBody .modal .brand-btn-secondary,
#alacerHotelSurroundPageBody .loginLink,
#alacerHotelSurroundPageBody .loginLinkmobile,
#alacerHotelSurroundPageBody #headerBar .loginLink,
#alacerHotelSurroundPageBody #headerBar .loginLinkmobile {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #2b747b !important;
	font-weight: 700 !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .brand-btn-secondary:hover,
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover,
#alacerHotelSurroundPageBody .modal .brand-btn-secondary:hover,
#alacerHotelSurroundPageBody .loginLink:hover,
#alacerHotelSurroundPageBody .loginLinkmobile:hover,
#alacerHotelSurroundPageBody #headerBar .loginLink:hover,
#alacerHotelSurroundPageBody #headerBar .loginLinkmobile:hover {
	background: #2b747b !important;
	border-color: #2b747b !important;
	color: #ffffff !important;
}

/* ---------- Form fields ---------- */
#alacerHotelSurroundPageBody #engineAreaContainer input.form-control,
#alacerHotelSurroundPageBody #engineAreaContainer select.form-control,
#alacerHotelSurroundPageBody #engineAreaContainer textarea.form-control,
#alacerHotelSurroundPageBody #engineAreaContainer input[type="text"],
#alacerHotelSurroundPageBody #engineAreaContainer input[type="email"],
#alacerHotelSurroundPageBody #engineAreaContainer input[type="tel"],
#alacerHotelSurroundPageBody #engineAreaContainer input[type="password"],
#alacerHotelSurroundPageBody #engineAreaContainer select,
#alacerHotelSurroundPageBody #engineAreaContainer textarea,
#alacerHotelSurroundPageBody .modal input.form-control {
	border-radius: 0 !important;
	border-color: var(--brand-line-strong) !important;
	background-color: var(--brand-paper) !important;
	box-shadow: none !important;
	color: var(--brand-ink);
}
#alacerHotelSurroundPageBody #engineAreaContainer input:focus,
#alacerHotelSurroundPageBody #engineAreaContainer select:focus,
#alacerHotelSurroundPageBody #engineAreaContainer textarea:focus,
#alacerHotelSurroundPageBody .modal input:focus {
	border-color: var(--brand-bronze) !important;
	box-shadow: 0 0 0 1px var(--brand-bronze) !important;
	outline: none !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .input-group-addon {
	border-radius: 0 !important;
	background-color: var(--brand-linen) !important;
	border-color: var(--brand-line-strong) !important;
	color: var(--brand-ink) !important;
}

/* Mandatory fields: the engine marks them with a red border (class "invalid") until they are filled in.
   That red-from-the-start border is DELIBERATE (it tells the guest which fields are mandatory): keep it, in the
   brand's required colour, over the brand form-field border above. Do not hide it until "touched". */
#alacerHotelSurroundPageBody #engineAreaContainer input.invalid,
#alacerHotelSurroundPageBody #engineAreaContainer select.invalid,
#alacerHotelSurroundPageBody #engineAreaContainer textarea.invalid,
#alacerHotelSurroundPageBody #engineAreaContainer .invalid > select,
#alacerHotelSurroundPageBody #engineAreaContainer .invalid > .fancyArrow,
#alacerHotelSurroundPageBody #engineAreaContainer .invalid select,
#alacerHotelSurroundPageBody #engineAreaContainer .invalid span.fancyArrow,
#alacerHotelSurroundPageBody #engineAreaContainer .invalidinput {
	border-color: #b3261e !important;
}

/* ---------- Dialogs ---------- */
#alacerHotelSurroundPageBody .modal-content,
#alacerHotelSurroundPageBody .bootstrap-dialog .modal-content {
	border-radius: 0 !important;
	border: 1px solid var(--brand-line) !important;
	box-shadow: 0 10px 40px rgba(45, 59, 63, 0.18) !important;
	background: var(--brand-paper);
}
#alacerHotelSurroundPageBody .modal-header {
	border-bottom-color: var(--brand-line) !important;
	background: var(--brand-paper) !important;
	color: var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody .modal-footer {
	border-top-color: var(--brand-line) !important;
}
#alacerHotelSurroundPageBody .modal-backdrop.in {
	opacity: .6;
	background: var(--brand-ink);
}

/* Checkbox indicators */
#alacerHotelSurroundPageBody .controlIndicator {
	background-color: var(--brand-paper) !important;
	border: 1px solid var(--brand-line-strong) !important;
	border-radius: 0 !important;
}
#alacerHotelSurroundPageBody .control input:checked ~ .controlIndicator {
	background-color: var(--brand-linen) !important;
	border-color: var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody .controlCheckbox .controlIndicator:after {
	border-color: var(--brand-ink) !important;
}

/* ---------- Disabled buttons ---------- */
#alacerHotelSurroundPageBody #engineAreaContainer .btn:disabled,
#alacerHotelSurroundPageBody #engineAreaContainer .btn[disabled],
#alacerHotelSurroundPageBody #engineAreaContainer .btn.disabled,
#alacerHotelSurroundPageBody #engineAreaContainer button:disabled {
	background-color: var(--brand-linen) !important;
	border-color: var(--brand-linen) !important;
	color: rgba(45, 59, 63, 0.45) !important;
	opacity: 1 !important;
	cursor: not-allowed;
}

/* image logos (when a logo image URL is used instead of inline SVG) */
#alacerHotelSurroundPageBody .brand-logo img {
	display: block;
	height: 84px;
	width: auto;
}
@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody .brand-logo img { height: 60px; }
}

/* ---------- Icon fonts: always win over the brand font ---------- */
#alacerHotelSurroundPageBody .fa,
#alacerHotelSurroundPageBody .fa::before,
#alacerHotelSurroundPageBody [class^="fa-"],
#alacerHotelSurroundPageBody [class*=" fa-"] {
	font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
}
#alacerHotelSurroundPageBody .glyphicon:not(.glyphicon-shopping-cart),
#alacerHotelSurroundPageBody .glyphicon:not(.glyphicon-shopping-cart)::before {
	font-family: "Glyphicons Halflings" !important;
}

/* ---------- Step indicator (shared design for rooms + vouchers) ---------- */
:root {
	--brand-steps-height: 48px;
	--brand-dark: #377f86;
	--brand-accent: #2b747b;
}

/* Login button: identical size on both engines */
#alacerHotelSurroundPageBody #headerBar .loginLink {
	display: inline-flex !important;
	align-items: center;
	height: 40px;
	padding: 0 18px !important;
	font-size: 13px !important;
	line-height: 1 !important;
}
#alacerHotelSurroundPageBody #headerBar .loginLink:empty {
	display: none !important;
}

/* Select arrows ("fancy" dropdown carets): a paper box that closes the select's border, ink caret, never the old grey */
#alacerHotelSurroundPageBody .fancyArrow {
	background-color: var(--brand-paper) !important;
	color: var(--brand-ink) !important;
	border: 1px solid var(--brand-line-strong) !important;
	border-left: 0 !important;
	box-sizing: border-box !important;
	pointer-events: none;
}
#alacerHotelSurroundPageBody .fancyArrow .fa,
#alacerHotelSurroundPageBody .fancyArrow i {
	color: var(--brand-ink) !important;
}

/* ---------- Accessibility layer (a11y.js): only visible to keyboard users ---------- */
#alacerHotelSurroundPageBody .brand-sr {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
#alacerHotelSurroundPageBody .brand-skip {
	position: absolute;
	left: 16px;
	top: -100px;
	z-index: 10000;
	padding: 10px 18px;
	background: var(--brand-ink);
	color: var(--brand-cream) !important;
	font-family: var(--brand-font);
	font-size: 14px;
	text-decoration: none;
}
#alacerHotelSurroundPageBody .brand-skip:focus {
	top: 12px;
}
/* a clear focus ring, shown for keyboard focus only (:focus-visible), never for mouse clicks */
#alacerHotelSurroundPageBody a:focus-visible,
#alacerHotelSurroundPageBody button:focus-visible,
#alacerHotelSurroundPageBody input:focus-visible,
#alacerHotelSurroundPageBody select:focus-visible,
#alacerHotelSurroundPageBody textarea:focus-visible,
#alacerHotelSurroundPageBody [tabindex]:focus-visible,
#alacerHotelSurroundPageBody [role="button"]:focus-visible {
	outline: 2px solid var(--brand-ink) !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px var(--brand-paper) !important;
}
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td:focus-visible {
	outline-offset: -3px !important;
	box-shadow: inset 0 0 0 4px var(--brand-paper) !important;
}
/* elements the layer made focusable must look exactly as before when clicked with a mouse */
#alacerHotelSurroundPageBody [data-a11y-btn]:focus:not(:focus-visible),
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td:focus:not(:focus-visible),
#alacerHotelSurroundPageBody a:not([href]):focus:not(:focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}
/* zoom is allowed again, so phones must not auto-zoom into small form fields when tapped (iOS zooms below 16px) */
@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
	#alacerHotelSurroundPageBody select,
	#alacerHotelSurroundPageBody textarea {
		font-size: 16px !important;
	}
}
#alacerHotelSurroundPageBody .brand-step-heading:focus,
#alacerHotelSurroundPageBody [aria-modal="true"]:focus {
	outline: none !important;
}
/* SVG logos that set words in the brand fonts keep them */
#alacerHotelSurroundPageBody .brand-logo svg .logo-serif { font-family: "Proza Libre", Georgia, serif !important; }
#alacerHotelSurroundPageBody .brand-logo svg .logo-sans { font-family: "Hind Siliguri", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

/* Summary: the small Edit (pencil) and Delete (bin) buttons were dark squares with dark icons. Outlined squares with an ink
   icon, ink fill and white icon on hover; delete turns the mandatory red on hover. */
#alacerHotelSurroundPageBody .editButton, #alacerHotelSurroundPageBody .deleteButton {
	background: var(--brand-paper) !important; border: 1px solid var(--brand-line-strong) !important; color: var(--brand-ink) !important;
	width: 40px; min-width: 40px; height: 40px !important; min-height: 40px !important; padding: 0 !important; margin: 0 2px;
	display: inline-flex !important; align-items: center; justify-content: center; border-radius: 0 !important; box-shadow: none !important;
}
#alacerHotelSurroundPageBody .editButton .fa, #alacerHotelSurroundPageBody .deleteButton .fa { color: inherit !important; font-size: 14px !important; }
#alacerHotelSurroundPageBody .editButton:hover, #alacerHotelSurroundPageBody .editButton:focus-visible { background: var(--brand-ink) !important; border-color: var(--brand-ink) !important; color: #fff !important; }
#alacerHotelSurroundPageBody .deleteButton:hover, #alacerHotelSurroundPageBody .deleteButton:focus-visible { background: #b3261e !important; border-color: #b3261e !important; color: #fff !important; }

/* Your details: a required dropdown (County) got the engine's bright red #f00 border on its wrapper AND the brand red on the
   select itself, so it looked thicker and a different red. Only the select keeps the (deliberate) red. */
#alacerHotelSurroundPageBody drop-down.invalid, #alacerHotelSurroundPageBody .yourDetailsFieldInputDropdown.invalid { border: 0 !important; outline: 0 !important; }
/* Additional guest names: the engine sets 10px text in these boxes; same size as the other fields */
#alacerHotelSurroundPageBody .guestDetailsFieldInput, #alacerHotelSurroundPageBody .guestDetailsFieldInput::placeholder { font-size: 16px !important; }

/* Drop-downs (review 24 Oct): Safari draws native selects with rounded corners, its own arrows and its own height, so on
   the voucher / ticket details pages Title and County looked different from the text boxes. Plain selects drop the native
   look and get the text-box style with a simple chevron (the engine's own styled drop-downs with a .fancyArrow, the rooms
   occupancy drop-downs and the calendar month picker keep theirs). Autofill keeps the paper colour instead of yellow. */
html body#alacerHotelSurroundPageBody:not(#brand-sel) :is(#engineAreaContainer, #content, .modal) select:not([multiple]):not(availability-rooms-details select):not(#singleCalendar select):not(:has(+ .fancyArrow)) {
	-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important;
	padding-right: 38px !important; cursor: pointer;
}
html body#alacerHotelSurroundPageBody :is(#engineAreaContainer, #content, .modal) :is(input, select, textarea):-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--brand-paper) inset !important; -webkit-text-fill-color: var(--brand-ink) !important;
}

/* Entry fields one height everywhere (review 24 Oct): text boxes and drop-downs 44px, like the buttons. Search boxes that sit
   inside their own bordered box, the rooms occupancy counters and the calendar pickers keep their own sizing. */
html body#alacerHotelSurroundPageBody:not(#brand-fh) :is(#engineAreaContainer, #content, .modal) :is(input:is([type=text], [type=email], [type=tel], [type=password], :not([type])), select:not([multiple])):not(availability-rooms-details *):not(.ui-datepicker *):not([class*=SearchBox] *):not([class*=searchBox] *) {
	height: 44px !important; min-height: 44px !important; box-sizing: border-box !important;
}

/* Engine demo leftovers in the clean *BootstrapWrapperTemplate wrappers (St Michael's Manor, 29 Oct 2026): the 'Welcome to the
   Alacer' Cambridge banner, the spacer blocks under the floating header bar and the 'Phone Footer' social-icons bar. */
#headerBar .headerLogoArea,
#headerBar > .row-fluid:has(> .headerLogoArea),
#headerBar > div[style*="height:"]:empty,
#footerBar:has(img[src*="Social_Icons"]) { display: none !important; }

/* Footer sits at the bottom of the screen when the page is short (Rob 29 Oct 2026: Safari showed it floating mid-screen with
   white below). The page is a full-height column and the footer takes the spare space above it; the gap above the footer
   on normal pages comes from the content's bottom padding instead of the footer's top margin. */
#alacerHotelSurroundPageBody { min-height: 100vh; min-height: 100dvh; display: flex !important; flex-direction: column; }
#alacerHotelSurroundPageBody > * { flex-shrink: 0; }
#alacerHotelSurroundPageBody > [role="contentinfo"], #alacerHotelSurroundPageBody > footer, #alacerHotelSurroundPageBody > .brand-footer { margin-top: auto !important; }
#alacerHotelSurroundPageBody > :is(div, main, section):has(#engineAreaContainer, #engineArea) { padding-bottom: 3rem; }
/* the engine column takes the spare height, so any footer (custom footers such as Rothay's .rm-footer have no footer tag or
   .brand-footer class) sits on the bottom of the screen on short pages (Rothay 29 Oct) */
#alacerHotelSurroundPageBody > :is(div, main, section):has(#engineAreaContainer, #engineArea) { flex: 1 0 auto; }
/* (build z) also <main>/<section>: Moddershall's clean wrapper puts the engine in <main class="uneven">, so nothing grew and the
   footer wasn't pinned on short pages */


/* =====================================================================
   Engine theme — Hotel (rooms) engine specifics
   ===================================================================== */
#alacerHotelSurroundPageBody HotelBookingApp,
#alacerHotelSurroundPageBody hotelbookingapp,
#alacerHotelSurroundPageBody #engineArea,
#alacerHotelSurroundPageBody #engineAreaContainer {
	background-color: transparent !important;
	color: var(--brand-ink);
}

/* Panels / cards: flat paper with a hairline, no drop shadows */
#alacerHotelSurroundPageBody .card-shadow,
#alacerHotelSurroundPageBody #singleCalendar,
#alacerHotelSurroundPageBody .alacerCalendarBody,
#alacerHotelSurroundPageBody .bookingSummaryContainer {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 1px solid var(--brand-line) !important;
	border-radius: 0 !important;
	background-color: var(--brand-paper) !important;
}

/* ---------- Breadcrumb ---------- */
#alacerHotelSurroundPageBody .breadCrumbGroup {
	border: 1px solid var(--brand-line) !important;
	box-shadow: none !important;
	background: var(--brand-paper) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default {
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	background-color: var(--brand-paper) !important;
	color: var(--brand-ink) !important;
	border-color: var(--brand-line) !important;
	box-shadow: none !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover {
	background-color: var(--brand-linen) !important;
	color: var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover {
	background-color: var(--brand-paper) !important;
	color: #8a979b !important;
	cursor: default;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover {
	background-color: var(--brand-corten) !important;
	color: var(--brand-cream) !important;
}
/* chevrons */
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn:not(:last-child):before {
	border-left-color: var(--brand-line-strong) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover:not(:last-child)::after {
	border-left: 10px solid var(--brand-paper) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after {
	border-left: 10px solid var(--brand-linen) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover:not(:last-child)::after {
	border-left: 10px solid var(--brand-corten) !important;
}

/* ---------- Availability calendar ---------- */
#alacerHotelSurroundPageBody .alacerCalendarBody table td,
#alacerHotelSurroundPageBody .alacerCalendarBody table th {
	border-color: var(--brand-line) !important;
}
#alacerHotelSurroundPageBody .alacerCalendarBody thead th,
#alacerHotelSurroundPageBody .alacerCalendarBody .calendarDayHeader {
	color: var(--brand-muted) !important;
	font-size: 11px !important;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 500 !important;
	background: transparent !important;
}
/* available */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleDefault,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label {
	background-image: none !important;
	background-color: var(--brand-ink) !important;
	color: var(--brand-cream) !important;
}
/* limited */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket2Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket2Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket2Label,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket2Label {
	background-image: none !important;
	background-color: var(--brand-sand) !important;
	color: var(--brand-ink) !important;
}
/* unavailable */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket1Label {
	background-image: none !important;
	background-color: var(--brand-paper) !important;
	color: rgba(45, 59, 63, 0.4) !important;
}
#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket1Label {
	border: 1px solid var(--brand-line-strong) !important;
}
/* past / disabled */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleDisable,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleDisable {
	background-color: var(--brand-cream) !important;
	color: rgba(45, 59, 63, 0.3) !important;
}
/* selected (stay range) */
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected,
#alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel {
	background-image: none !important;
	background-color: var(--brand-bronze) !important;
	border-color: var(--brand-bronze) !important;
	color: #ffffff !important;
}
/* calendar_style = light: white available days, struck-through unavailable days */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarFooter .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarFooter .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsDepartureDatePicker .alacerCalendarBody tbody .calendarStyleBucket4Label,
#alacerHotelSurroundPageBody availability-rooms-details .calendarStyleDefault,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label {
	background-color: var(--brand-paper) !important;
	color: var(--brand-ink) !important;
	font-weight: 500 !important;
}
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label:hover,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label:hover,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket2Label:hover {
	box-shadow: inset 0 0 0 1px var(--brand-corten) !important;
}
#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket4Label {
	border: 1px solid var(--brand-line-strong) !important;
}
#alacerHotelSurroundPageBody page1 availability-inputs-surround .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody #roomsRefineDetailsArrivalDatePicker .alacerCalendarBody tbody .calendarStyleBucket1Label,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket1Label {
	background-color: var(--brand-cream) !important;
	color: rgba(45, 59, 63, 0.35) !important;
	text-decoration: line-through;
	text-decoration-color: rgba(45, 59, 63, 0.35);
}
#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket1Label {
	background-color: var(--brand-cream) !important;
	background-image: linear-gradient(135deg, transparent 46%, rgba(45, 59, 63, 0.35) 46%, rgba(45, 59, 63, 0.35) 54%, transparent 54%) !important;
}
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected,
#alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel {
	background-color: var(--brand-corten) !important;
	border-color: var(--brand-corten) !important;
	color: #ffffff !important;
	text-decoration: none;
}
/* today */
#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleToday div,
#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleToday div {
	border-color: var(--brand-corten) !important;
}
/* month nav arrows */
#alacerHotelSurroundPageBody .alacerCalendarBody .fa,
#alacerHotelSurroundPageBody .alacerCalendarBody .glyphicon {
	color: var(--brand-ink) !important;
}

/* ---------- Loading screen ---------- */
#alacerHotelSurroundPageBody #InitialLoadingScreen {
	background: var(--brand-cream) !important;
}
#alacerHotelSurroundPageBody #InitialLoadingScreenText,
#alacerHotelSurroundPageBody spinner .spinnerText {
	color: var(--brand-ink) !important;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	font-size: 13px;
}

/* ---------- Summary table ---------- */
#alacerHotelEnginePagesContainer .roomBookingSummaryTableBody td {
	font-family: var(--brand-font) !important;
	font-weight: 400;
	color: var(--brand-ink);
}

/* ---------- Dining (table times) ---------- */
#alacerHotelSurroundPageBody li.avail-session.restaurantBookableTimeAvailYes {
	background-color: var(--brand-paper) !important;
	color: var(--brand-ink) !important;
	border: 1px solid var(--brand-line-strong) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px;
	padding: 9px 16px 7px !important;
	margin: 0 8px 8px 0 !important;
	min-width: 88px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
#alacerHotelSurroundPageBody li.avail-session.restaurantBookableTimeAvailYes:hover {
	background-color: var(--brand-linen) !important;
	border-color: var(--brand-ink) !important;
	color: var(--brand-ink) !important;
}
/* the date above the table times: heading font, no underline (the engine wraps it in <u>) */
#alacerHotelSurroundPageBody #engineAreaContainer h3.displaydatefont,
#alacerHotelSurroundPageBody #engineAreaContainer h3.displaydatefont u:not(.x1):not(.x2):not(.x3):not(.x4),
#alacerHotelSurroundPageBody #engineAreaContainer .restauranthistorydesktoplabel b:not(.x1):not(.x2):not(.x3):not(.x4) {
	font-family: var(--brand-heading-font) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	letter-spacing: 0 !important; text-transform: none;
}
#alacerHotelSurroundPageBody #engineAreaContainer h3.displaydatefont,
#alacerHotelSurroundPageBody #engineAreaContainer h3.displaydatefont u {
	font-size: 26px !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer h3.displaydatefont {
	margin: 4px 0 12px !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .restauranthistorydesktoplabel b {
	font-size: 22px !important;
}
#alacerHotelSurroundPageBody li.avail-session.selected,
#alacerHotelSurroundPageBody li.avail-session.selected:hover,
#alacerHotelSurroundPageBody .bookingRestaurantContainer .bookingRestaurantBody .selected {
	background-color: var(--brand-bronze) !important;
	border-color: var(--brand-bronze) !important;
	color: #ffffff !important;
}

/* ---------- Occupancy / reservation dialog (after picking dates) ---------- */
#alacerHotelSurroundPageBody .page1-opacity {
	background-color: rgba(45, 59, 63, 0.6) !important;
	opacity: 1 !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .roomDetailInnerSurround {
	background: var(--brand-paper) !important;
	border: 1px solid var(--brand-line) !important;
	border-top: 4px solid var(--brand-corten) !important;
	border-radius: 0 !important;
	box-shadow: 0 20px 60px rgba(45, 59, 63, 0.25) !important;
	padding: 28px 32px 32px !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .roomSurround,
#alacerHotelSurroundPageBody availability-rooms-details .border-bottom {
	border-color: var(--brand-line) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundRoomDetailsHeaderLabel {
	font-size: 26px !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em;
	color: #2d3b3f !important;
	margin: 0 0 22px 0 !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundRoomDetailsHeaderLabel::before {
	content: "Your stay";
	display: block;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--brand-bronze);
	margin-bottom: 8px;
}
#alacerHotelSurroundPageBody availability-rooms-details #roomSurroundDialogCloseBtn,
#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundDialogCloseIcon {
	color: var(--brand-ink) !important;
	font-size: 20px !important;
	opacity: .55;
	transition: opacity .2s ease, color .2s ease;
}
#alacerHotelSurroundPageBody availability-rooms-details #roomSurroundDialogCloseBtn:hover {
	opacity: 1;
	color: var(--brand-corten) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details label {
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	color: var(--brand-muted) !important;
	margin-bottom: 6px !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .input-group,
#alacerHotelSurroundPageBody availability-rooms-details drop-down {
	border: 1px solid var(--brand-line-strong) !important;
	border-radius: 0 !important;
	background: var(--brand-paper) !important;
	box-shadow: none !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}
#alacerHotelSurroundPageBody availability-rooms-details .input-group:focus-within,
#alacerHotelSurroundPageBody availability-rooms-details drop-down:focus-within {
	border-color: var(--brand-bronze) !important;
	box-shadow: 0 0 0 1px var(--brand-bronze) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .input-group input.form-control,
#alacerHotelSurroundPageBody availability-rooms-details drop-down select,
#alacerHotelSurroundPageBody availability-rooms-details .input-group input.form-control:focus,
#alacerHotelSurroundPageBody availability-rooms-details drop-down select:focus {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	font-size: 16px !important;
	color: var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .input-group-addon,
#alacerHotelSurroundPageBody availability-rooms-details .counterIcon {
	background: transparent !important;
	border: 0 !important;
	color: var(--brand-bronze) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details .input-group-addon .fa,
#alacerHotelSurroundPageBody availability-rooms-details .counterIcon .fa {
	color: var(--brand-bronze) !important;
}
/* Buttons: Back = outline, Continue = solid */
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityBackRoomButton {
	background-color: transparent !important;
	color: var(--brand-ink) !important;
	border: 1px solid var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityBackRoomButton:hover {
	background-color: var(--brand-ink) !important;
	color: var(--brand-cream) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityContinueRoomButton {
	background-color: var(--brand-ink) !important;
	color: var(--brand-cream) !important;
	border: 1px solid var(--brand-ink) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityContinueRoomButton:hover {
	background-color: var(--brand-corten) !important;
	border-color: var(--brand-corten) !important;
}
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityBackRoomButton,
#alacerHotelSurroundPageBody availability-rooms-details #page1AvailabilityContinueRoomButton {
	padding: 12px 18px !important;
	height: auto !important;
	line-height: 1.2 !important;
}
@media (max-width: 767.98px) {
	#alacerHotelSurroundPageBody availability-rooms-details .roomDetailInnerSurround {
		padding: 20px 18px 24px !important;
	}
	#alacerHotelSurroundPageBody availability-rooms-details .roomSurroundRoomDetailsHeaderLabel {
		font-size: 22px !important;
	}
}

/* ---------- Rates shown as a grid (Availability Results Display Style = grid) ---------- */
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails.activeCard {
	background-color: var(--brand-linen) !important;
	border: 1px solid var(--brand-line) !important;
	border-top: 0 !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails .roomsPageRoomCardDetails {
	background: var(--brand-paper) !important;
	border: 1px solid var(--brand-line) !important;
	box-shadow: none !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails .roomsPageRoomCardDetails:hover {
	border-color: var(--brand-line-strong) !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .glass {
	background: transparent !important;
}

/* Grid rate cards: title matches room titles (20px), full-width title row,
   footer flows under the description instead of overlapping it */
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails.activeCard {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails .roomsPageRoomCardDetails {
	display: flex !important;
	flex-direction: column;
	height: auto !important;
	min-height: 0 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails .roomsPageRoomCardDetails > .accordionRoomInfo {
	flex: 1 1 auto;
	width: 100% !important;
	float: none !important;
	height: auto !important;
	padding: 18px 18px 0 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle {
	display: flex !important;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 12px !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle::before,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle::after {
	display: none !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle > div {
	float: none !important;
	width: auto !important;
	padding: 0 !important;
	min-height: 0 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle > div:first-child {
	flex: 1 1 auto;
	min-width: 0;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardTitle > div:last-child {
	flex: 0 0 auto;
	white-space: nowrap;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .roomsPageRoomName,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .roomsPageRoomPrice {
	font-size: 20px !important;
	line-height: 1.3 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .roomsPageRoomDescription,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionRoomInfo.inner .roomsPageRoomDescription {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	padding: 14px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .roomsPageRoomDescription > div {
	float: none !important;
	padding: 0 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .roomsPageRoomDescription * {
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardBtn.cardFooter {
	position: static !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 16px 18px 18px !important;
	bottom: auto !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter::before,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter::after {
	display: none !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter > div {
	float: none !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter > .accordionCardPolicy:empty,
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter > .accordionCardPolicy {
	flex: 0 0 100%;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter {
	flex-wrap: wrap;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter .accordionCardPolicy:not(:has(*:not(span:empty))) {
	display: none !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .cardFooter .commonButton {
	margin: 0 !important;
	width: auto !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid #readMoreBtn {
	width: auto !important;
	padding: 4px 0 !important;
	margin: 0 !important;
	font-size: 12px !important;
	letter-spacing: 1.4px;
	border: 0 !important;
	border-bottom: 1px solid var(--brand-ink) !important;
	background: transparent !important;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid #readMoreBtn .accordionCardBtn1 {
	font-size: 12px !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	gap: 6px;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid #readMoreBtn .icon {
	position: static !important;
	font-size: 10px !important;
}
/* keep Read more / Book aligned along the bottom of every grid card */
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionCardDetails .roomsPageRoomCardDetails > .accordionRoomInfo {
	display: flex !important;
	flex-direction: column;
}
#alacerHotelSurroundPageBody #accordion.displayAsGrid .accordionRoomInfo > .cardFooter {
	margin-top: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* ---------- Breadcrumb: refined text steps (same design as the voucher checkout) ---------- */
/* the steps panel sits in a Bootstrap .row (-15px side margins) at 100% width, so it stuck out 15px past the content on each side: line it up with the content edges (30 Oct 2026) */
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* newer engine markup: the calendar column keeps Bootstrap's 15px padding and the Sign in link has an inline
   "position: relative; left: 15px" - both sat 15px in from the steps panel and the stay panel edges */
#alacerHotelSurroundPageBody #doubleCalendar {
	padding-left: 0 !important;
}
#alacerHotelSurroundPageBody #headerBar .loginLink[style*="left: 15px"],
#alacerHotelSurroundPageBody #headerBar .loginLink[style*="left:15px"] {
	margin-left: -15px !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .breadCrumbGroup {
	display: block !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box;
	border: 1px solid var(--brand-line) !important;
	background: var(--brand-paper) !important;
	box-shadow: none !important;
	padding: 0 22px !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	height: var(--brand-steps-height);
	column-gap: 34px;
	float: none !important;
	width: 100%;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 1.4px !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	color: var(--brand-ink) !important;
	position: relative;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:not(.current):not(.inactive):hover {
	color: var(--brand-accent) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover {
	color: var(--brand-dark) !important;
	box-shadow: inset 0 -1px 0 var(--brand-dark) !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover {
	color: #55656a !important;   /* muted, not muted_light: future steps still need 4.5:1 contrast */
	cursor: default;
}
/* old chevron shapes off; fine separators on */
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default:hover:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.current:hover:not(:last-child)::after,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default.inactive:hover:not(:last-child)::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
}
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn::before,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn:not(:last-child)::before {
	display: none !important;
	content: none !important;
	border: 0 !important;
}

#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default + .btn.btn-default::before,
#alacerHotelSurroundPageBody #alacerBreadcrumbContainer .btn-breadcrumb .btn.btn-default + .btn.btn-default:not(:last-child)::before {
	display: block !important;
	content: "\203A" !important;
	position: absolute !important;
	left: -21px !important;
	top: 50% !important;
	transform: translateY(-55%);
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--brand-sand) !important;
	pointer-events: none;
}

/* Login on the left (matches the voucher engine, whose basket owns the right). The first block in each header row is the
   engine's phone/logo block, except in wrappers where it holds Sign in itself (Washingborough 29 Oct: Sign in vanished
   below 1200px), so a block containing the sign-in link is never hidden */
#alacerHotelSurroundPageBody #headerBar .headerBanner > div:not(.login):empty,
#alacerHotelSurroundPageBody #headerBar .headerDesktop .headerBanner > div:first-child:not(.login):not(:has(.loginLink, .logoutButton)),
#alacerHotelSurroundPageBody #headerBar .headerTabTop .headerBanner > div:first-child:not(:has(.loginLink, .logoutButton)),
#alacerHotelSurroundPageBody #headerBar .headerPhablet .headerBanner > div:first-child:not(:has(.loginLink, .logoutButton)),
#alacerHotelSurroundPageBody #headerBar .headerPhone .headerBanner > div:first-child:not(:has(.loginLink, .logoutButton)) {
	display: none !important;
}
#alacerHotelSurroundPageBody #headerBar .headerBanner > div:last-child {
	float: left !important;
	width: 100% !important;
	text-align: left !important;
	padding: 20px 0 14px 0 !important;
}

/* ---------- Room / rate gallery dialog (desktop): large gallery on top, details below ---------- */
#alacerHotelSurroundPageBody .modal-image-details-wrapper .gallery-opacity {
	background-color: rgba(45, 59, 63, 0.65) !important;
	opacity: 1 !important;
}
@media (min-width: 992px) {
	#alacerHotelSurroundPageBody .modal-image-details-wrapper .galleryModalWrapper {
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: 100vh !important;
		line-height: normal !important;
	}
	#alacerHotelSurroundPageBody .modal-image-details-wrapper .modal-image-detail-box {
		width: min(1040px, 90vw) !important;
		max-width: none !important;
		max-height: 94vh;
		overflow-y: auto;
		top: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: var(--brand-paper) !important;
		border: 0 !important;
		border-top: 4px solid var(--brand-dark) !important;
		border-radius: 0 !important;
		box-shadow: 0 24px 70px rgba(45, 59, 63, 0.35) !important;
		text-align: left !important;
		vertical-align: middle;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .details-modal-body {
		display: flex !important;
		flex-direction: column;
		height: auto !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .details-modal-body::before,
	#alacerHotelSurroundPageBody .modal-image-detail-box .details-modal-body::after {
		display: none !important;
	}
	/* gallery */
	#alacerHotelSurroundPageBody .modal-image-detail-box .gallery-slide-show {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box slideshow,
	#alacerHotelSurroundPageBody .modal-image-detail-box slideshow > .row {
		display: block;
		width: 100% !important;
		margin: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box carousel,
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel,
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-inner {
		display: block;
		width: 100% !important;
		height: auto !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-inner img {
		display: block;
		width: 100% !important;
		height: min(54vh, 580px) !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-caption {
		display: none !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-control {
		width: 72px !important;
		background: none !important;
		opacity: 1 !important;
		text-shadow: none !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-control .glyphicon {
		width: 44px !important;
		height: 44px !important;
		margin-top: -22px !important;
		margin-left: -22px !important;
		left: 50% !important;
		right: auto !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: rgba(45, 59, 63, 0.45);
		color: #ffffff !important;
		font-size: 15px !important;
		transition: background-color .2s ease;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-control:hover .glyphicon {
		background: rgba(45, 59, 63, 0.75);
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-indicators {
		bottom: 14px !important;
		margin-bottom: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-indicators li {
		width: 8px !important;
		height: 8px !important;
		margin: 0 4px !important;
		border: 1px solid #ffffff !important;
		background: transparent !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .carousel-indicators li.active {
		background: #ffffff !important;
	}
	/* thumbnail strip (visible row + the invisible click row on top of it, sized the same) */
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer,
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-inner {
		display: flex !important;
		gap: 8px;
		width: 100% !important;
		height: 88px !important;
		padding: 8px 40px 0 !important;
		box-sizing: border-box;
		overflow: hidden;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer .preview,
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-inner .preview {
		float: none !important;
		flex: 0 0 120px;
		width: 120px !important;
		height: 80px !important;
		overflow: hidden;
		cursor: pointer;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer .preview img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		opacity: .75;
		transition: opacity .2s ease;
	}
	/* clicks are handled by the invisible .album-inner row; let them through the visible pictures */
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer {
		pointer-events: none;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-inner {
		z-index: 3;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer .preview:hover img,
	#alacerHotelSurroundPageBody .modal-image-detail-box .album-outer:has(~ * .preview:hover) img {
		opacity: 1;
	}
	/* details */
	#alacerHotelSurroundPageBody .modal-image-detail-box .description-detail-container {
		float: none !important;
		width: 100% !important;
		padding: 28px 40px 96px !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryDialogHeader {
		display: flex !important;
		align-items: baseline;
		justify-content: space-between;
		gap: 24px;
		padding: 0 0 16px !important;
		margin: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryDialogHeader::before,
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryDialogHeader::after {
		display: none !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryDialogHeader > div {
		float: none !important;
		width: auto !important;
		padding: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryRoomRatesName {
		font-size: 30px !important;
		font-weight: 500 !important;
		letter-spacing: -0.02em;
		line-height: 1.15 !important;
		margin: 0 !important;
		color: #2d3b3f !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryRoomRatePriceDetail {
		margin: 0 !important;
		white-space: nowrap;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryRoomRatesPrice {
		font-size: 22px !important;
		font-weight: 500 !important;
		color: var(--brand-bronze) !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .border-bottom {
		border-color: var(--brand-line) !important;
		margin: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .col-lg-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .details-modal-description,
	#alacerHotelSurroundPageBody .modal-image-detail-box .description-amenities {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryRoomRatesDescription {
		margin: 20px 0 0 !important;
		max-width: 760px;
		font-size: 16px !important;
		line-height: 1.65 !important;
		color: var(--brand-ink) !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .details-modal-footer {
		right: 40px !important;
		bottom: 32px !important;
		position: absolute !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryCloseButton {
		background: transparent !important;
		color: var(--brand-ink) !important;
		border: 1px solid var(--brand-ink) !important;
		padding: 10px 22px !important;
	}
	#alacerHotelSurroundPageBody .modal-image-detail-box .galleryCloseButton:hover {
		background: var(--brand-ink) !important;
		color: var(--brand-cream) !important;
	}
}

/* Previous / Next buttons: keep the label and chevron on one line (also when disabled; some sites set
   button { white-space: normal } in their User CSS) */
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton {
	white-space: nowrap !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer .commonNavButton > .icon {
	display: inline-block !important;
	float: none !important;
	vertical-align: middle;
}

/* Some User CSS pulls the small-screen header bars out by -15px, leaving Login flush with the screen edge */
#alacerHotelSurroundPageBody #headerBar .headerTabTop,
#alacerHotelSurroundPageBody #headerBar .headerPhablet,
#alacerHotelSurroundPageBody #headerBar .headerPhone {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------- Calendar guard (calendar_guard.js): dates that can't be picked, hint line ---------- */
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-blocked {
	cursor: not-allowed !important;
}
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-blocked:hover {
	box-shadow: none !important;
}
/* while choosing a departure: dates the stay can't reach fade back (clicking one starts a new stay there) */
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-restart:not(.calendarStyleRangeSelected):not(.calendarStyleSelectedLabel),
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-blocked:not(.calendarStyleBucket1Label):not(.calendarStyleRangeSelected):not(.calendarStyleSelectedLabel) {
	color: rgba(45, 59, 63, 0.28) !important;
	background-color: var(--brand-cream) !important;
}
#alacerHotelSurroundPageBody .brand-cal-hint {
	clear: both;
	padding: 12px 2px 0 2px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--brand-muted);
	min-height: 33px;
	transition: color .2s ease;
}
#alacerHotelSurroundPageBody .brand-cal-hint.is-warning {
	color: var(--brand-corten);
	font-weight: 500;
}
#alacerHotelSurroundPageBody .brand-cal-hint.is-warning::before {
	content: "\2715";
	display: inline-block;
	margin-right: 8px;
	font-size: 12px;
}
@keyframes brand-cal-shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-3px); }
	75% { transform: translateX(3px); }
}
#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-shake > div {
	animation: brand-cal-shake .25s ease 2;
}
#alacerHotelSurroundPageBody .displayCalendarPopup .brand-cal-hint {
	padding: 10px 12px;
	min-height: 0;
	font-size: 13px;
	background: var(--brand-paper);
}
#alacerHotelSurroundPageBody .displayCalendarPopup .brand-cal-hint:empty {
	display: none;
}
#alacerHotelSurroundPageBody select option:disabled {
	color: rgba(45, 59, 63, 0.35);
}

/* Pop-up date pickers (Check in / Check out): pale panel, never the accent tint */
#alacerHotelSurroundPageBody .displayCalendarPopup,
#alacerHotelSurroundPageBody .displayCalendarPopup .alacerCalendarBody,
#alacerHotelSurroundPageBody .displayCalendarPopup .alacerCalendarBody thead tr th {
	background-color: var(--brand-paper) !important;
	border-color: var(--brand-line) !important;
}
#alacerHotelSurroundPageBody .displayCalendarPopup .alacerCalendarFooter {
	background-color: var(--brand-linen) !important;
}


/* ---------- Friendlier "no rooms" result (brand script) ---------- */
#alacerHotelSurroundPageBody #roomsPageNoRoomsLabel[data-brand-done] {
	display: none !important;
}
#alacerHotelSurroundPageBody .brand-no-rooms {
	max-width: 640px;
	margin: 2.5rem auto 3rem auto;
	padding: 32px 28px;
	text-align: center;
	background: var(--brand-paper);
	border: 1px solid var(--brand-line);
}
#alacerHotelSurroundPageBody .brand-no-rooms .brand-no-rooms-title {
	margin: 0 0 12px 0 !important;
	font-size: 24px !important;
	line-height: 1.25;
	color: #2d3b3f !important;
}
#alacerHotelSurroundPageBody .brand-no-rooms p {
	margin: 0 auto 22px auto;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--brand-muted);
}
#alacerHotelSurroundPageBody .brand-no-rooms-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px 26px;
}
#alacerHotelSurroundPageBody .brand-no-rooms .brand-no-rooms-change {
	background: var(--brand-ink) !important;
	border: 1px solid var(--brand-ink) !important;
	color: var(--brand-cream) !important;
	padding: 10px 20px !important;
}
#alacerHotelSurroundPageBody .brand-no-rooms .brand-no-rooms-change:hover {
	background: var(--brand-corten) !important;
	border-color: var(--brand-corten) !important;
}
#alacerHotelSurroundPageBody .brand-no-rooms .brand-no-rooms-waitlist {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--brand-ink) !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* extras heading: the engine wraps only "Room " in a <label>, so "Room 1" rendered in two fonts */
#alacerHotelSurroundPageBody h2.upsellMainTile label {
	font: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
	color: inherit !important;
	margin: 0 !important;
	display: inline !important;
}

/* rooms search summary bar and the extras/summary strip: soft separators, no stray rule under the dates */
#alacerHotelSurroundPageBody .filterSummaryDetails .filters {
	border-right-color: var(--brand-line-strong) !important;
}
#alacerHotelSurroundPageBody .filterSummaryDetails.filterFeatures {
	border-top: 0 !important;
}
/* extras: the long description is an <h4> in the engine; show it as body text */
#alacerHotelSurroundPageBody #engineAreaContainer upsells h4.upsellDescriptionLong:not(.x1):not(.x2):not(.x3):not(.x4) {
	font-size: 15px !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	margin: 6px 0 12px !important;
}
#alacerHotelSurroundPageBody #engineAreaContainer h4.summaryPageSubTotalLabelText,
#alacerHotelSurroundPageBody #engineAreaContainer h4.summaryPageSubTotalAmount {
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

/* calendar month arrows: no bar beside them (the default theme draws a border on the arrow cell) */
#alacerHotelSurroundPageBody .alacerCalendarBody .prevMonthIcon,
#alacerHotelSurroundPageBody .alacerCalendarBody .nextMonthIcon {
	border: 0 !important;
}

/* Summary room line: the date/guest text sits inside the room heading but is body text, so keep its normal case */
#alacerHotelSurroundPageBody .summaryPageRoomHeading .summaryDateStyle { text-transform: none !important; letter-spacing: normal !important; }

/* two-month calendar with the "Your stay dates" panel beside it (e.g. the Alacer demo): the engine pulls the panel up
   10em to sit level with a page heading the brand layout doesn't have — keep it beside the calendar instead */
#alacerHotelSurroundPageBody page1 availability-inputs-surround:has(#doubleCalendar) #singleCalendar { margin-top: 0 !important; }

/* ---------- Availability page, 2026 refresh: tiles like the spa / treatment calendars, side panel like the stay pop-up ---------- */
html body#alacerHotelSurroundPageBody .alacerCalendarBody table { border-collapse: separate !important; border-spacing: 4px !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody table td,
html body#alacerHotelSurroundPageBody .alacerCalendarBody table th { border: 1px solid transparent !important; border-radius: 0 !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td {
	height: 42px; font-size: 14px !important; font-weight: 400 !important; font-variant-numeric: tabular-nums; vertical-align: middle; text-align: center; transition: background .15s, border-color .15s;
}
/* available: linen tile with a gold dot */
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label {
	position: relative; background-color: var(--brand-linen) !important; color: var(--brand-ink) !important; box-shadow: none !important; text-decoration: none;
}
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label::after,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label::after,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket2Label::after {
	content: ""; position: absolute; left: 50%; bottom: 14%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--brand-bronze);
}
/* limited: sand tile, dot */
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket2Label { position: relative; background-color: var(--brand-sand) !important; color: var(--brand-ink) !important; }
/* unavailable, past and padding days: no tile, faint, struck through when unavailable */
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket1Label { background: transparent !important; color: rgba(45, 59, 63, .32) !important; text-decoration: line-through; text-decoration-color: rgba(45, 59, 63, .3); }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleDisable,
html body#alacerHotelSurroundPageBody page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleDisable { background: transparent !important; color: rgba(45, 59, 63, .2) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td:empty { background: transparent !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket4Label:hover,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket3Label:hover,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleBucket2Label:hover { border-color: var(--brand-ink) !important; box-shadow: none !important; cursor: pointer; }
/* the stay: ink tiles, white dot */
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel {
	background: var(--brand-ink) !important; color: #fff !important; border-color: var(--brand-ink) !important; text-decoration: none;
}
/* legend swatch matches the stay tiles (it stayed in the brand colour; Douneside 28 Oct) */
html body#alacerHotelSurroundPageBody .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel { background: var(--brand-ink) !important; border-color: var(--brand-ink) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleRangeSelected::after,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody tr td.calendarStyleSelectedLabel::after { background: #fff; }
/* day names and month titles as on the other calendars */
html body#alacerHotelSurroundPageBody .alacerCalendarBody thead th,
html body#alacerHotelSurroundPageBody .alacerCalendarBody .calendarDayHeader,
html body#alacerHotelSurroundPageBody .alacerCalendarBody table tr:first-child th { font-size: 11px !important; font-weight: 400 !important; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-muted) !important; background: transparent !important; border: 0 !important; border-bottom: 0 !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody .calendarCaptionFont,
html body#alacerHotelSurroundPageBody .alacerCalendarBody .yearMonthContainer,
html body#alacerHotelSurroundPageBody .alacerCalendarBody caption { font-family: var(--brand-font) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-ink) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody .prevMonthIcon,
html body#alacerHotelSurroundPageBody .alacerCalendarBody .nextMonthIcon {
	width: 38px; height: 38px; align-items: center; justify-content: center; text-align: center; line-height: 36px; border: 1px solid var(--brand-line-strong); color: var(--brand-ink) !important; cursor: pointer;
}
html body#alacerHotelSurroundPageBody .alacerCalendarBody .prevMonthIcon:hover,
html body#alacerHotelSurroundPageBody .alacerCalendarBody .nextMonthIcon:hover { border-color: var(--brand-ink); background: var(--brand-linen); }
html body#alacerHotelSurroundPageBody .alacerCalendarBody .prevMonthIcon i,
html body#alacerHotelSurroundPageBody .alacerCalendarBody .nextMonthIcon i { font-size: 18px !important; color: var(--brand-ink) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarBody { padding: 22px 22px 18px !important; }
/* key: plain, on the page, small swatches */
html body#alacerHotelSurroundPageBody .alacerCalendarFooter { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 12px 0 0 !important; display: flex; flex-wrap: wrap; gap: 8px 22px; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter > * { float: none !important; width: auto !important; margin: 0 !important; display: flex; align-items: center; gap: 8px; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .bucketColorSection { width: 22px !important; height: 22px !important; border: 0 !important; position: relative; flex: none; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket1Label { background: transparent !important; background-image: none !important; border: 1px solid var(--brand-line) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket2Label { background: var(--brand-sand) !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket4Label { background: var(--brand-linen) !important; border: 0 !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleSelectedLabel { background: var(--brand-ink) !important; border: 0 !important; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter label,
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .bucketNameSection { font-size: 13px !important; font-weight: 400 !important; color: var(--brand-ink) !important; margin: 0 0 0 8px !important; line-height: 22px !important; }
/* (the engine wraps each key item in Bootstrap visible-md/visible-lg, whose display:block !important beats the flex gap above,
   so the space between swatch and label is a margin on the label; 28 Oct, Douneside) */

/* side panel ("Your stay dates"): heading, labels and fields like the stay pop-up */
html body#alacerHotelSurroundPageBody #singleCalendar { padding: 22px 22px 20px !important; }
html body#alacerHotelSurroundPageBody #singleCalendar #singleCalendarHeaderTitle,
html body#alacerHotelSurroundPageBody #singleCalendar .singleCalendarTitleFont {
	font-family: var(--brand-heading-font) !important; font-size: var(--brand-panel-title-size, 26px) !important; font-weight: 400 !important; line-height: 1.15 !important; color: var(--brand-ink) !important;
	text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 16px !important; font-size-adjust: none;
}
html body#alacerHotelSurroundPageBody #singleCalendar label {
	font-size: 11px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-ink) !important; margin: 0 0 6px !important; line-height: 1.3 !important;
}
html body#alacerHotelSurroundPageBody #singleCalendar input,
html body#alacerHotelSurroundPageBody #singleCalendar select {
	height: 44px !important; border: 1px solid var(--brand-line-strong) !important; border-radius: 0 !important; background-color: var(--brand-paper) !important; color: var(--brand-ink) !important;
	font-size: 14px !important; box-shadow: none !important; padding: 0 12px !important;
}
html body#alacerHotelSurroundPageBody #singleCalendar .input-group-addon,
html body#alacerHotelSurroundPageBody #singleCalendar .input-group-btn .btn { height: 44px !important; border: 1px solid var(--brand-line-strong) !important; border-left: 0 !important; border-radius: 0 !important; background: var(--brand-linen) !important; color: var(--brand-bronze) !important; }
html body#alacerHotelSurroundPageBody #singleCalendar input:focus,
html body#alacerHotelSurroundPageBody #singleCalendar select:focus { border-color: var(--brand-ink) !important; outline: none; }
html body#alacerHotelSurroundPageBody #singleCalendar .form-group { margin-bottom: 14px !important; }
html body#alacerHotelSurroundPageBody #singleCalendar .availabilityInputSearchBtn,
html body#alacerHotelSurroundPageBody #singleCalendar a.btn { width: 100%; min-height: 44px !important; display: flex !important; align-items: center; justify-content: center; letter-spacing: .16em; }
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket4Label::after,
html body#alacerHotelSurroundPageBody .alacerCalendarFooter .calendarStyleBucket2Label::after { content: ""; position: absolute; left: 50%; bottom: 18%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--brand-bronze); }
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-blocked::after,
html body#alacerHotelSurroundPageBody .alacerCalendarBody tbody td.brand-cal-restart:not(.calendarStyleRangeSelected):not(.calendarStyleSelectedLabel)::after { display: none !important; }

/* Occupancy dialog dates (Check in / Check out): the calendar button wrapped under the date. One box: date, then the button. */
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContent :is(.arrivalDateSurround, .departureDateSurround) .input-group { display: flex !important; align-items: stretch; width: 100%; max-width: 280px; height: 44px; }
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContent :is(.arrivalDateSurround, .departureDateSurround) .input-group > .form-control { float: none !important; flex: 1 1 auto; width: auto !important; height: auto !important; min-width: 0; }
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContent :is(.arrivalDateSurround, .departureDateSurround) .input-group > .input-group-addon { display: flex !important; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px !important; height: auto !important; padding: 0 !important; border-left: 1px solid var(--brand-line) !important; }

/* Room cards: READ MORE and VIEW RATES sit along the bottom of the card, not straight under the description */
#alacerHotelSurroundPageBody .roomsPageRoomCard > .accordionRoomInfo { display: flex !important; flex-direction: column; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCard > .accordionRoomInfo { padding-bottom: 14px !important; }
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCard > .accordionRoomInfo > .cardFooter { margin-top: auto !important; padding-bottom: 0 !important; align-items: flex-end; }   /* same gap below the buttons as above the room name */
#alacerHotelSurroundPageBody #accordion .roomsPageRoomCard > .accordionRoomInfo > .cardFooter > div { padding-bottom: 0 !important; }

/* Room "Read more" pop-up: brand photo gallery (room_images) in place of the engine's carousel */
#alacerHotelSurroundPageBody .brand-gallery-on > slideshow,
#alacerHotelSurroundPageBody .galleryModalWrapper:has(.brand-gallery) .preview { display: none !important; }
#alacerHotelSurroundPageBody .brand-gallery { position: relative; outline: none; }
#alacerHotelSurroundPageBody .brand-gallery-stage { position: relative; aspect-ratio: 3 / 2; background: var(--brand-ink); overflow: hidden; }
#alacerHotelSurroundPageBody .brand-gallery-stage img { width: 100%; height: 100%; object-fit: cover; display: block; }
#alacerHotelSurroundPageBody .brand-gallery-prev, #alacerHotelSurroundPageBody .brand-gallery-next {
	position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%;
	background: rgba(45, 59, 63, .55); color: #fff; font-size: 26px; line-height: 40px; cursor: pointer; padding: 0;
}
#alacerHotelSurroundPageBody .brand-gallery-prev { left: 14px; }
#alacerHotelSurroundPageBody .brand-gallery-next { right: 14px; }
#alacerHotelSurroundPageBody .brand-gallery-prev:hover, #alacerHotelSurroundPageBody .brand-gallery-next:hover { background: var(--brand-ink); }
#alacerHotelSurroundPageBody .brand-gallery-count { position: absolute; right: 14px; bottom: 12px; background: rgba(45, 59, 63, .6); color: #fff; font-size: 12px; letter-spacing: .1em; padding: 3px 10px; }
#alacerHotelSurroundPageBody .brand-gallery-thumbs { display: flex; gap: 8px; padding: 10px 0 0; overflow-x: auto; }
#alacerHotelSurroundPageBody .brand-gallery-thumbs button { flex: 0 0 96px; height: 64px; padding: 0; border: 2px solid transparent; background: none; cursor: pointer; opacity: .7; }
#alacerHotelSurroundPageBody .brand-gallery-thumbs button.is-on, #alacerHotelSurroundPageBody .brand-gallery-thumbs button:hover { opacity: 1; border-color: var(--brand-ink); }
#alacerHotelSurroundPageBody .brand-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- Confirmation page (review 24 Oct): headline above the card, one column with the room lines full width,
   hairline rows, prices on one right edge, totals in the body font with the amount due emphasised ---------- */
#alacerHotelSurroundPageBody page8 { display: block; }
#alacerHotelSurroundPageBody page8 > div.container { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 h2.confirmPageHeading {
	font-size: 40px !important; line-height: 1.15 !important; margin: 10px 0 6px !important;
}
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 h4.confirmPageMessage {
	font-family: var(--brand-font) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important;
	text-transform: none !important; color: var(--brand-muted, var(--brand-ink)) !important; margin: 0 0 26px !important;
}
#alacerHotelSurroundPageBody page8 booking-summary { display: block; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails { margin: 0 !important; padding: 26px 32px 24px !important; display: flow-root !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails > .col-md-12,
#alacerHotelSurroundPageBody page8 .summaryTransDetails .whiteBg,
#alacerHotelSurroundPageBody page8 .summaryTransDetails .col-md-9,
#alacerHotelSurroundPageBody page8 .summaryTransDetails .row { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails .col-md-3,
#alacerHotelSurroundPageBody page8 .summaryTransDetails .hr-mobile { display: none !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails .roomCard { margin: 0 0 4px !important; }
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 h3.confirmPageRoomsHeading {
	font-size: 24px !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 0 12px !important; border-bottom: 1px solid var(--brand-line) !important;
}
#alacerHotelSurroundPageBody page8 .summaryTransDetails table { width: 100% !important; margin: 0 !important; border: 0 !important; display: table !important; table-layout: fixed; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails table td { border: 0 !important; padding: 13px 0 !important; vertical-align: top; }
#alacerHotelSurroundPageBody page8 .summaryPageBookingInformation tr td { border-bottom: 1px solid var(--brand-line) !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails td.col-desc { width: 50%; padding-right: 16px !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails td.col-date { width: 30%; color: var(--brand-muted, var(--brand-ink)); }
#alacerHotelSurroundPageBody page8 .summaryTransDetails td.col-price { width: 20%; text-align: right !important; }
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 .summaryTransDetails :is(.summaryPageBookingTotal h4, h3.summaryPageBillingInfo) {
	font-family: var(--brand-font) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important;
	line-height: 1.5 !important; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; text-align: left !important;
}
#alacerHotelSurroundPageBody page8 .summaryPageBookingTotal td { padding: 16px 0 10px !important; }
#alacerHotelSurroundPageBody page8 :is(.depositDue, .totalAmountDue) > .row { display: flex !important; justify-content: space-between; align-items: baseline; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails .col-md-9.depositDue { padding: 0 0 12px !important; }
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 .summaryTransDetails h3:is(.DepositLabel, .DepositAmount) { font-weight: 400 !important; color: var(--brand-muted, var(--brand-ink)) !important; }
#alacerHotelSurroundPageBody page8 .summaryTransDetails .col-md-9.totalAmountDue { border-top: 1px solid var(--brand-line-strong, var(--brand-line)) !important; padding-top: 12px !important; }
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 .summaryTransDetails .totalAmountDue h3.summaryPageBillingInfo { font-size: 18px !important; font-weight: 600 !important; }
#alacerHotelSurroundPageBody page8 .newBookingWrapper { padding-top: 22px !important; }
#alacerHotelSurroundPageBody page8 :is(.depositDue, .totalAmountDue) > .row::before,
#alacerHotelSurroundPageBody page8 :is(.depositDue, .totalAmountDue) > .row::after { display: none !important; content: none !important; }   /* clearfix pseudo-elements would become flex items */
html body#alacerHotelSurroundPageBody:not(#brand-conf):not(#brand-conf2) #engineAreaContainer page8 .summaryTransDetails :is(.summaryPageBookingTotal td.col-price h4, h3.DepositAmount, h3.TotalPriceAmount) { text-align: right !important; }

/* occupancy pop-up drop-downs (review 24 Oct): the native arrow sat hard against the right edge in Chrome; same chevron as
   every other drop-down, inset from the edge (the box border is drawn by the drop-down wrapper) */
html body#alacerHotelSurroundPageBody:not(#brand-sel) availability-rooms-details drop-down select {
	-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px 8px !important;
	padding-right: 38px !important; cursor: pointer;
}
/* occupancy pop-up drop-downs: 44px like the date boxes beside them; one border (the input group's), one chevron (the
   engine's caret overlay is hidden) */
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details drop-down .fancyArrow { display: none !important; }
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details drop-down,
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details drop-down > div,
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details drop-down .notIE { height: 42px !important; display: block !important; width: 100% !important; }
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details drop-down select { height: 42px !important; width: 100% !important; }
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details .input-group > drop-down { border: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#brand-occ) availability-rooms-details .input-group:has(> drop-down) { height: 44px !important; box-sizing: border-box !important; overflow: hidden; }
/* Rooms "Refine" search panel and other date boxes (review 24 Oct): the calendar button had wrapped under the date box; it now
   sits beside it as a 44px square. Every engine drop-down (Night / Adults / Children, Title, County...) is 44px overall with
   the theme chevron, the engine's caret overlay hidden. */
html body#alacerHotelSurroundPageBody:not(#brand-ig) #engineAreaContainer .input-group:has(> .input-group-addon):not(availability-rooms-details *) { display: flex !important; align-items: stretch; flex-wrap: nowrap !important; }
html body#alacerHotelSurroundPageBody:not(#brand-ig) #engineAreaContainer .input-group:has(> .input-group-addon):not(availability-rooms-details *) > .form-control { flex: 1 1 auto; width: auto !important; min-width: 0; display: block !important; }
html body#alacerHotelSurroundPageBody:not(#brand-ig) #engineAreaContainer .input-group:has(> .input-group-addon):not(availability-rooms-details *) > .input-group-addon { flex: 0 0 44px; width: 44px !important; height: 44px !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#brand-fa) #engineAreaContainer .notIE > .fancyArrow:not(#singleCalendar *) { display: none !important; }
html body#alacerHotelSurroundPageBody:not(#brand-dd):not(#brand-dd2) #engineAreaContainer drop-down:not(availability-rooms-details *) { height: 44px !important; box-sizing: border-box !important; display: block !important; }
html body#alacerHotelSurroundPageBody:not(#brand-dd):not(#brand-dd2) #engineAreaContainer drop-down:not(availability-rooms-details *) > div,
html body#alacerHotelSurroundPageBody:not(#brand-dd):not(#brand-dd2) #engineAreaContainer drop-down:not(availability-rooms-details *) .notIE { height: 100% !important; display: block !important; }
html body#alacerHotelSurroundPageBody:not(#brand-dd):not(#brand-dd2) #engineAreaContainer drop-down:not(availability-rooms-details *) select { height: 100% !important; min-height: 0 !important; }
/* Dining step: "Included with your Dinner, Bed & Breakfast" under the experience box (dining_inclusive.js) */
#alacerHotelSurroundPageBody .brand-dining-included { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--brand-muted); }
#alacerHotelSurroundPageBody .brand-dining-included::before { content: "\2713"; margin-right: 6px; color: var(--brand-bronze, var(--brand-ink)); }
/* Dining step time slots (review 25 Oct): one width so they form a neat grid instead of ragged rows */
html body#alacerHotelSurroundPageBody:not(#brand-slots) ul:has(> li.avail-session) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; padding: 0 !important; margin: 0 0 8px !important; list-style: none; }
html body#alacerHotelSurroundPageBody:not(#brand-slots) ul:has(> li.avail-session) > li.avail-session { margin: 0 !important; width: auto !important; display: flex !important; align-items: center; justify-content: center; text-align: center; white-space: nowrap; padding: 9px 6px 7px !important; }
html body#alacerHotelSurroundPageBody:not(#brand-slots) ul:has(> li.avail-session) > li.avail-session[hidden],
html body#alacerHotelSurroundPageBody:not(#brand-slots) ul:has(> li.avail-session) > li.avail-session.hidden { display: none !important; }

/* Next button: the engine's chevron divider sits hard against the right edge (margin -16px, 1px padding) while Previous keeps
   ~9px on its left, so Next looks clipped. Mirror the Previous spacing. (Your details Next has no nextSeparator class and a
   -12px margin: covered too, Washingborough 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-nav) .commonNavButton .icon.right.nextSeparator,
html body#alacerHotelSurroundPageBody:not(#brand-nav) .commonNavButton > .icon.right { margin-left: 16px !important; margin-right: -8px !important; padding-left: 4px !important; padding-right: 1px !important; }

/* Grid room cards: keep the Read more / View rates bar in the card's flow along the bottom. The Lovat's old UserHotel.css
   positions .cardFooter absolutely, which pinned it to the top of the card (26 Oct 2026). */
html body#alacerHotelSurroundPageBody:not(#brand-legacy) #accordion.displayAsGrid .fullAccordion > .accordionCard .cardFooter { position: static !important; }

/* Holding picture wherever a picture is missing (toolkit default, 28 Oct): rooms and rates with no picture (the engine
   asks for ".../nullnull" and showed a broken image with its alt text) and the dining step with no restaurant picture
   show the brand placeholder (see placeholder_vars in retheme.py). Real pictures are untouched and replace it as soon
   as the site adds one. */
#alacerHotelSurroundPageBody #accordion img[src$="null"] { visibility: hidden !important; }
#alacerHotelSurroundPageBody #accordion :has(> img[src$="null"]) {
	background: #377f86 url("https://images.squarespace-cdn.com/content/v1/659fc59963af71188fd3a379/3443bab2-651a-4132-b5ca-56fb2ec2e0c6/Buchan-Braes-Logo_Primary_WHITE.png?format=750w") center / auto 38% no-repeat !important;
	min-height: 160px;
}
#alacerHotelSurroundPageBody img[src=""] { display: none !important; }
#alacerHotelSurroundPageBody .restaurantImageContainer:has(> img[src=""]) {
	display: block; aspect-ratio: 3 / 2;
	background: #377f86 url("https://images.squarespace-cdn.com/content/v1/659fc59963af71188fd3a379/3443bab2-651a-4132-b5ca-56fb2ec2e0c6/Buchan-Braes-Logo_Primary_WHITE.png?format=750w") center / auto 38% no-repeat;
}
/* rooms search summary bar (desktop): the engine positions "1. Search" absolutely over the first value and gives each
   value a fixed width, so between ~992 and 1300px the label overlapped the dates and "Infants" dropped a line.
   Put the label in the row and let the values share the remaining width. */
#alacerHotelSurroundPageBody .filterSummaryDetails:has(> .searchLabel) { align-items: center; }
#alacerHotelSurroundPageBody .filterSummaryDetails > .searchLabel { position: static !important; flex: 0 0 auto; margin-right: 12px !important; align-self: center; }
#alacerHotelSurroundPageBody .filterSummaryDetails:has(> .searchLabel) > div:not(.searchLabel) { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; min-width: 0; }
#alacerHotelSurroundPageBody .filterSummaryDetails:has(> .searchLabel) > div:not(.searchLabel) > .filters { width: auto !important; min-width: 0; flex: 0 1 auto; padding: 0 10px !important; white-space: nowrap; }
#alacerHotelSurroundPageBody #engineAreaContainer { min-height: clamp(240px, calc(100vh - 460px), 560px); }   /* laptop screens: never more than the room left by the header and footer (29 Oct);  footer stays put while the engine loads (audit 28 Oct: layout shift 0.13); capped like the vouchers engine so page 1 doesn't leave a big gap above the footer on tall screens (Rothay 29 Oct) */

/* Dark header only (generated; empty for light headers): login/basket row stays in the band and takes the band colours.
   Rooms and vouchers only: the ticket wrapper keeps its row below the band, on the page colour. */
html body#alacerHotelSurroundPageBody #headerBar .headerDesktop.sticky, html body#alacerHotelSurroundPageBody #headerBar .headerBanner.sticky,
html body#alacerHotelSurroundPageBody #headerBar .sticky { position: relative !important; top: auto !important; left: auto; right: auto; }


/* field add-ons (calendar icons, the select arrows) always light with an ink icon: a site's customised base theme can
   colour them dark grey (Park House 29 Oct: #666 boxes beside the dates in the stay pop-up and the Nights/Rooms arrows) */
html body#alacerHotelSurroundPageBody:not(#brand-addon) .fancyArrow.counterIcon,
html body#alacerHotelSurroundPageBody:not(#brand-addon) .input-group-addon:not(.btn) {
	background-color: var(--brand-linen) !important; color: var(--brand-ink) !important;
}
html body#alacerHotelSurroundPageBody:not(#brand-addon) .input-group-addon:not(.btn) :is(.fa, .glyphicon) { color: var(--brand-ink) !important; }

/* rooms page section labels ("1. Search", "2. Choose your stay") and the calendar legend: some sites' compiled themes colour them
   for a dark backdrop (Manor House Lindley: #edece5 on white, nearly invisible) - always the heading / ink colour (29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-labels) :is(#roomsPageStayLabel, #roomsRefineSummarySearchLabel, #roomsRefineDetailsSearchLabel, .stayLabel, .searchLabel),
html body#alacerHotelSurroundPageBody:not(#brand-labels) :is(.stayLabel, .searchLabel) > label { color: #2d3b3f !important; }
html body#alacerHotelSurroundPageBody:not(#brand-labels) .alacerCalendarFooter,
html body#alacerHotelSurroundPageBody:not(#brand-labels) .alacerCalendarFooter > div { color: var(--brand-ink) !important; }
/* summary: a bordered .row (negative gutters) pokes out 15px either side of the summary panels (Manor House 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-summary) .row.bookingSummaryContainer { border-color: transparent !important; box-shadow: none !important; background-color: transparent !important; } /* and no paper fill: it showed as a white band 15px wider than the panels (Great House 29 Oct) */
/* rooms page: View Rooms / View Rates as a house 44px button (some sites' compiled themes make it a 40px block with 18px text
   that overflows; Hampton Manor, Washingborough 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2 { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; padding: 0 16px 0 22px; margin: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; background-color: #2b747b; border-color: #2b747b; color: #ffffff; }
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2 span,
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2 .icon,
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2 .icon i { color: #ffffff !important; font-size: 12px; line-height: 1; }
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2 .icon.right { border-left: 1px solid color-mix(in srgb, #ffffff 45%, transparent) !important; padding: 2px 0 2px 12px; }
html body#alacerHotelSurroundPageBody:not(#brand-vr) #accordion .accordionCardBtn2:hover { background-color: #215d63; border-color: #215d63; }
/* dining step: field labels as on the other steps (small capitals, muted), "Existing Bookings" as a heading (it was a bold
   22px <b> in ink next to the brand-coloured "Dine With Us"; Washingborough 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-dine) restaurantextra label:not(.restauranthistorydesktoplabel) { font-size: 11px !important; font-weight: 400 !important; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-muted) !important; margin-bottom: 4px; }
html body#alacerHotelSurroundPageBody:not(#brand-dine) restaurantextra .restauranthistorydesktoplabel,
html body#alacerHotelSurroundPageBody:not(#brand-dine) restaurantextra .restauranthistorydesktoplabel b { font-family: var(--brand-heading-font, inherit) !important; font-size: 20px !important; font-weight: 400 !important; color: #2d3b3f !important; }
/* an icon in front of a button's words ("+ Add additional extra", "bin Remove this booking") sat hard against the first letter
   (Hampton, Washingborough 29 Oct); icon-only buttons (edit/delete) are left centred */
html body#alacerHotelSurroundPageBody:not(#brand-ico) .btn > .fa:first-child:not(:only-child),
html body#alacerHotelSurroundPageBody:not(#brand-ico) .btn > .glyphicon:first-child:not(:only-child) { margin-right: .6em; letter-spacing: 0; }
/* your details, per-guest boxes: the Title drop-down's wrapper carried an ink border (other fields use the soft line);
   border on the field itself like the rest (Hampton, Washingborough 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-gd) drop-down.guestDetailsFieldDropdownInput { border: 0 !important; box-shadow: none !important; }
html body#alacerHotelSurroundPageBody:not(#brand-gd) drop-down.guestDetailsFieldDropdownInput select.inputDropdown { border: 1px solid rgba(45, 59, 63, .25) !important; min-height: 44px; }
/* availability / rooms / extras: some compiled themes put a grey drop shadow (0 7px 15px #878787) on the calendar row, the
   search summary, the room cards and the extras panel; on the calendar row it framed the legend, framing the legend and hint below the
   white calendar in a grey box (Great House 29 Oct); the calendar keeps its own border */
html body#alacerHotelSurroundPageBody:not(#brand-calrow) :is(.alacerCalenderRow, .roomsPageFilterWrappers, section.fullAccordion, page3 > article, page3 article.upsellArticle, .bookingRestaurantContainer, .summaryCarView) { box-shadow: none !important; }
/* availability: an empty 57px .seprator floated right before "Your stay dates" pushed the panel in from the right edge of the
   step bar on sites whose compiled theme shows it (Great House 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-sep) .row-fluid.form-group > .pull-right.seprator { display: none !important; }
/* extras: the date drop-down sat at 36px beside 44px quantity boxes (no .notIE wrapper; Great House 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-x) page3 select.inputDropdown { min-height: 44px; border: 1px solid rgba(45, 59, 63, .25) !important; }
/* dining time slots at the house 44px (they were 35px; Hampton had a brand-level copy, Great House 29 Oct) */
html body#alacerHotelSurroundPageBody:not(#brand-slots44) ul:has(> li.avail-session) > li.avail-session { min-height: 44px; }
/* summary: Remove this booking / Add additional extra / table booking / room in the button colours on every site (the template
   left them to the site's compiled theme: Great House showed its old sage), on one line */
html body#alacerHotelSurroundPageBody:not(#brand-sum) page5 :is(.removeBookingButton, .bookAdditionalExtraBtn, .bookAdditionalTableBtn, .bookAdditionalRoomBtn, [class*="bookAdditional"]) { background-color: #2b747b !important; border-color: #2b747b !important; color: #ffffff !important; white-space: nowrap !important; width: auto !important; min-height: 44px; }
html body#alacerHotelSurroundPageBody:not(#brand-sum) page5 :is(.removeBookingButton, .bookAdditionalExtraBtn, .bookAdditionalTableBtn, .bookAdditionalRoomBtn, [class*="bookAdditional"]):hover { background-color: #215d63 !important; border-color: #215d63 !important; }
html body#alacerHotelSurroundPageBody:not(#brand-sum) page5 .Page5HeaderContainer { color: #2d3b3f !important; }
/* extras: the date and quantity drop-downs sit in a bordered .input-group (compiled theme, often in the brand colour) and had their
   own light border too - a box inside a box - and the date one was 38px inside a 44px frame (an extra 38px .fullWidth wrapper).
   One light frame like the Notes field, and the select fills it (Penventon 29 Oct, Rob) */
html body#alacerHotelSurroundPageBody:not(#brand-up):not(#brand-up2) #engineAreaContainer page3 .input-group[class*="upsell"][class*="Dropdown"] { border: 1px solid rgba(45, 59, 63, .25) !important; border-radius: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#brand-up):not(#brand-up2) #engineAreaContainer page3 .input-group[class*="upsell"][class*="Dropdown"] select.inputDropdown { border-color: transparent !important; }
html body#alacerHotelSurroundPageBody:not(#brand-up):not(#brand-up2) #engineAreaContainer page3 .input-group[class*="upsell"][class*="Dropdown"] drop-down .fullWidth { height: 100% !important; }

/* button_secondary_style: outline */
#alacerHotelSurroundPageBody #engineAreaContainer .brand-btn-secondary,
#alacerHotelSurroundPageBody #page6 .page6PrevNavButton,
#alacerHotelSurroundPageBody .modal .brand-btn-secondary,
#alacerHotelSurroundPageBody .loginLink,
#alacerHotelSurroundPageBody .loginLinkmobile,
#alacerHotelSurroundPageBody #headerBar .loginLink,
#alacerHotelSurroundPageBody #headerBar .loginLinkmobile,
#alacerHotelSurroundPageBody #page3 .deskback,
#alacerHotelSurroundPageBody #page3 .mobback,
#alacerHotelSurroundPageBody #page4 .deskback,
#alacerHotelSurroundPageBody #page4 .mobback,
#alacerHotelSurroundPageBody vouchercard .voucherDetailPaneMoreInfoBtnLabel,
#alacerHotelSurroundPageBody vouchercard .mobVoucherDetailPaneMoreInfoBtnLabel { background: #ffffff !important; color: #2b747b !important; border: 1px solid #2b747b !important; border-color: #2b747b !important; }
#alacerHotelSurroundPageBody .loginLink:hover, #alacerHotelSurroundPageBody .loginLinkmobile:hover, #alacerHotelSurroundPageBody #engineAreaContainer .brand-btn-secondary:hover, #alacerHotelSurroundPageBody .modal .brand-btn-secondary:hover, #alacerHotelSurroundPageBody #page6 .page6PrevNavButton:hover, #alacerHotelSurroundPageBody #page3 .deskback:hover, #alacerHotelSurroundPageBody #page3 .mobback:hover, #alacerHotelSurroundPageBody #page4 .deskback:hover, #alacerHotelSurroundPageBody #page4 .mobback:hover { background: #2b747b !important; color: #ffffff !important; border-color: #2b747b !important; }


/* ===== Part 3: site-specific extra CSS (brand JSON extra_css_*) ===== */
/* Buchan Braes footer: the website's teal band, white logo, coral hover */
html body .bb-footer { background: #377f86 !important; color: #ffffff !important; font-family: var(--brand-font, Arial, sans-serif) !important; margin: 3rem 0 0 !important; clear: both; text-align: left; }
html body .bb-footer .bb-f-top { max-width: 1180px; margin: 0 auto; padding: 40px 24px 28px; display: flex; justify-content: space-between; align-items: center; gap: 24px 40px; flex-wrap: wrap; }
html body .bb-footer .bb-f-logo { display: block; height: 64px; width: auto; margin: 0 0 10px; }
html body .bb-footer .bb-f-tag { font-family: var(--brand-heading-font, Georgia, serif) !important; font-size: 15px !important; margin: 0 !important; color: #ffffff !important; }
html body .bb-footer .bb-f-contact p { font-size: 15px !important; line-height: 1.6 !important; margin: 0 0 4px !important; color: #ffffff !important; text-align: right; }
html body .bb-footer a { color: #ffffff !important; text-decoration: underline !important; text-underline-offset: 2px; }
html body .bb-footer a:hover, html body .bb-footer a:focus-visible { color: #ffe1dc !important; }
html body .bb-footer .bb-f-social { display: flex; gap: 14px; justify-content: flex-end; margin-top: 8px; } html body .bb-footer .bb-f-social a { text-decoration: none !important; font-size: 22px; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
html body .bb-footer .bb-f-bottom { max-width: 1180px; margin: 0 auto; padding: 14px 24px 22px; border-top: 1px solid rgba(255,255,255,.25); display: flex; justify-content: space-between; align-items: center; gap: 8px 24px; flex-wrap: wrap; font-size: 13px !important; color: #ffffff !important; }
html body .bb-footer .bb-f-bottom a { color: #ffffff !important; }
@media (max-width: 767.98px) { html body .bb-footer .bb-f-top { padding: 32px 20px 22px; flex-direction: column; align-items: flex-start; } html body .bb-footer .bb-f-contact p { text-align: left; } html body .bb-footer .bb-f-social { justify-content: flex-start; } html body .bb-footer .bb-f-bottom { padding: 14px 20px 22px; flex-direction: column; align-items: flex-start; } }
/* carried over from the retired UserHotel.css: card frame height */
#CardDetailsIframe { height: 350px !important; }
/* the website's coral for the selected dates */
html body#alacerHotelSurroundPageBody:not(#bb) page1 availability-inputs-surround .alacerCalendarBody tbody tr td.calendarStyleRangeSelected, html body#alacerHotelSurroundPageBody:not(#bb) .alacerCalendarFooter div.bucketColorSection.calendarStyleSelectedLabel { background-color: #cf432e !important; border-color: #cf432e !important; color: #fff !important; }
/* BB-SITE: Buchan Braes website details (30 Oct 2026, from buchanbraes.co.uk; approved mock-up): sentence case, Hind Siliguri /
   Proza Libre, the website's thin heading underline, its coral wave once per step, lozenge buttons. Layout/sizes/a11y unchanged. */
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) :is(#engineAreaContainer, #headerBar, .brand-header, .modal) :is(label, span, a, button, .btn, th, td, div, p, li, input, select, h1, h2, h3, h4, h5) { text-transform: none !important; letter-spacing: normal !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) .brand-header .brand-back { text-transform: none !important; letter-spacing: normal !important; font-family: 'Hind Siliguri', Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer { font-family: 'Hind Siliguri', Arial, sans-serif; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) .roomSurroundRoomDetailsHeaderLabel::before { text-transform: none !important; letter-spacing: normal !important; font-family: 'Hind Siliguri', Arial, sans-serif !important; font-size: 14px !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer :is(h1, h2, h3, .singleCalendarTitleFont, .searchLabel label, .stayLabel label):not(.roomsPageRoomName):not(.modal-title):not(.brand-sr):not(.roomSurroundDialogCloseIcon) { font-family: 'Proza Libre', Georgia, serif !important; font-weight: 500 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 7px !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer :is(h1, h2, h3, .singleCalendarTitleFont, .searchLabel label, .stayLabel label):not(.roomsPageRoomName):not(.modal-title):not(.brand-sr):not(.roomSurroundDialogCloseIcon)::after { content: none !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4) #engineAreaContainer :is(.singleCalendarTitleFont, .stayLabel label)::after { content: '' !important; display: block !important; width: 42px !important; height: 12px !important; margin: 14px 0 2px !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2070%2020%22%3E%3Cg%20fill%3D%22%23fa6651%22%3E%3Cpath%20d%3D%22M14.8%2C0c-4.4%2C0-7.9%2C3.5-7.9%2C7.9h15.8C22.7%2C3.6%2C19.2%2C0%2C14.8%2C0z%22/%3E%3Cpath%20d%3D%22M38.5%2C0c-4.4%2C0-7.9%2C3.5-7.9%2C7.9h15.9C46.4%2C3.6%2C42.8%2C0%2C38.5%2C0z%22/%3E%3Cpath%20d%3D%22M62.1%2C0c-4.4%2C0-7.9%2C3.5-7.9%2C7.9H70C70%2C3.6%2C66.5%2C0%2C62.1%2C0z%22/%3E%3Cpath%20d%3D%22M55.2%2C19.9c4.4%2C0%2C7.9-3.5%2C7.9-7.9H47.3C47.3%2C16.3%2C50.8%2C19.9%2C55.2%2C19.9z%22/%3E%3Cpath%20d%3D%22M31.5%2C19.9c4.4%2C0%2C7.9-3.5%2C7.9-7.9H23.6C23.6%2C16.3%2C27.2%2C19.9%2C31.5%2C19.9z%22/%3E%3Cpath%20d%3D%22M7.9%2C19.9c4.4%2C0%2C7.9-3.5%2C7.9-7.9H0C0%2C16.3%2C3.5%2C19.9%2C7.9%2C19.9z%22/%3E%3C/g%3E%3C/svg%3E") left center / contain no-repeat !important; border: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) :is(.btn, button, input[type=submit], .loginLink):not(.btn-breadcrumb .btn):not(.input-group-btn .btn):not(.editButton):not(.deleteButton):not(.alacerCalendarBody *):not(.close):not([class*=arrow]):not(.dropdown-toggle) { border-radius: 300px !important; font-family: 'Proza Libre', Georgia, serif !important; font-weight: 500 !important; font-size: 15px !important; text-transform: none !important; letter-spacing: normal !important; padding-left: 28px !important; padding-right: 28px !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer .roomsPageViewRoomRatesButton { border-radius: 300px !important; overflow: hidden; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer .roomsPageViewRoomRatesButton :is(span, a) { font-family: 'Proza Libre', Georgia, serif !important; font-size: 14px !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #engineAreaContainer .refineButton { background: transparent !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3) #engineAreaContainer .accordionCardBtn a.btn.anchor { border-radius: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2) #alacerBreadcrumbContainer .btn-breadcrumb .btn { font-family: 'Hind Siliguri', Arial, sans-serif !important; font-size: 15px !important; }
/* /BB-SITE */

/* ===== 20261030m (30 Oct 2026): occupancy pop-up with 2+ rooms, calendar at 992-1199px, calendar-page drop-down arrows ===== */
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContentNew :is(.arrivalDateSurround, .departureDateSurround) .input-group { display: flex !important; align-items: stretch; width: 100%; max-width: 280px; height: 44px; }
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContentNew :is(.arrivalDateSurround, .departureDateSurround) .input-group > .form-control { float: none !important; flex: 1 1 auto; width: auto !important; height: auto !important; min-width: 0; }
#alacerHotelSurroundPageBody #roomSurroundRoomDetailsContentNew :is(.arrivalDateSurround, .departureDateSurround) .input-group > .input-group-addon { display: flex !important; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px !important; height: auto !important; padding: 0 !important; border-left: 1px solid var(--brand-line) !important; }
/* ---------- Occupancy pop-up with more than one room (30 Oct 2026, Rob): an added room is rendered as #roomSurroundRoomDetailsContentNew
   (date fields were unstyled: icon wrapping under the date), and the locked first room shows its Nights / Adults / Children as
   disabled text inputs (input.inputDropdown) instead of dropdowns (they were 21px high). ---------- */
html body#alacerHotelSurroundPageBody:not(#brand-occ) .roomSurround input.inputDropdown {
	display: block; box-sizing: border-box !important; width: 100% !important; height: 44px !important; min-height: 44px; margin: 0 !important;
	padding: 0 12px !important; border: 1px solid rgba(45, 59, 63, .25) !important; border-radius: 0 !important; box-shadow: none !important;
	background: var(--brand-linen) !important; color: var(--brand-ink) !important; -webkit-text-fill-color: var(--brand-ink); opacity: 1 !important;
	font-family: var(--brand-font) !important; font-size: 16px !important; line-height: 42px !important; cursor: default;
}
html body#alacerHotelSurroundPageBody:not(#brand-occ) .roomSurround :is(.notIE, .input-group):has(input.inputDropdown) { border: 0 !important; box-shadow: none !important; background: transparent !important; height: auto !important; }
html body#alacerHotelSurroundPageBody:not(#brand-occ) .roomSurround .notIE:has(> input.inputDropdown)::after,
html body#alacerHotelSurroundPageBody:not(#brand-occ) .roomSurround .notIE:has(> input.inputDropdown)::before { display: none !important; }
/* Double calendar between 992 and 1199px wide (30 Oct 2026): the 40px day tiles + 4px spacing overflowed each month and Saturday
   wrapped onto its own row. Tighter tiles in that range keep seven days a row. */
@media (min-width: 992px) and (max-width: 1199px) {
	html body#alacerHotelSurroundPageBody:not(#brand-cw) .alacerCalendarBody table { border-spacing: 2px !important; }
	html body#alacerHotelSurroundPageBody:not(#brand-cw) .alacerCalendarBody table :is(td, th) { min-width: 0 !important; width: 36px !important; padding-left: 0 !important; padding-right: 0 !important; }
	html body#alacerHotelSurroundPageBody:not(#brand-cw) .alacerCalendarBody { padding-left: 14px !important; padding-right: 14px !important; }
}
/* Calendar-page Nights / Rooms (and other engine drop-downs with a .fancyArrow), 30 Oct 2026 (Rob: "arrow hard right of the box
   and not vertically central"): where the native select showed through, the engine caret sat at the top of a grey strip on the
   edge. Same inset chevron as the occupancy pop-up instead. */
html body#alacerHotelSurroundPageBody:not(#brand-fa):not(#brand-fa2) drop-down .notIE:has(> .fancyArrow) > select {
	-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
	background: var(--brand-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px !important;
	padding: 0 32px 0 12px !important;
}
html body#alacerHotelSurroundPageBody:not(#brand-fa):not(#brand-fa2) drop-down .notIE > .fancyArrow { display: none !important; }

/* ===== 20261030p (30 Oct 2026, Rob: "nudge all calendar colours"): available / limited days with a little more contrast, in the
   site's own hue (available >= 1.35:1 and limited >= 1.85:1 against the paper; Royal Oak's agreed tiles are 1.41 / 1.95) ===== */
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) .alacerCalendarBody tbody tr td.calendarStyleBucket4Label,
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) .alacerCalendarBody tbody tr td.calendarStyleBucket3Label,
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) availability-rooms-details .calendarStyleDefault,
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) .alacerCalendarFooter .calendarStyleBucket4Label { background-color: #d0e1e1 !important; background-image: none !important; }
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) .alacerCalendarBody tbody tr td.calendarStyleBucket2Label,
html body#alacerHotelSurroundPageBody:not(#cal-p1):not(#cal-p2) .alacerCalendarFooter .calendarStyleBucket2Label { background-color: #a8c3c6 !important; background-image: none !important; }

/* ===== 20261030q (30 Oct 2026, Rob): the coral wave centred under its heading, as on the website ===== */
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4) #engineAreaContainer :is(.singleCalendarTitleFont, .stayLabel label) { display: table !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4) #engineAreaContainer :is(.singleCalendarTitleFont, .stayLabel label)::after { margin: 14px auto 2px !important; background-position: center center !important; }

/* ===== 20261030t (30 Oct 2026, Rob): heading and motif centred together to the card, as on the website ===== */
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4):not(#bb5) #engineAreaContainer :is(.singleCalendarTitleFont, .stayLabel label) { display: block !important; width: 100% !important; text-align: center !important; }

/* ===== 20261030u (30 Oct 2026, Rob): headings left (the steps "1. Search", "2. Choose your stay" read in sequence); the website motif
   only in the Your Stay Dates card, centred to the card ===== */
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4):not(#bb5):not(#bb6) #engineAreaContainer :is(.singleCalendarTitleFont, .stayLabel label) { display: block !important; width: 100% !important; text-align: left !important; }
html body#alacerHotelSurroundPageBody:not(#bb1):not(#bb2):not(#bb3):not(#bb4):not(#bb5):not(#bb6) #engineAreaContainer .stayLabel label::after { content: none !important; display: none !important; }

/* ===== 20261030v (30 Oct 2026, Rob): Refine price slider - white handles on a white/pale track were hard to see; pale track,
   teal selected range, dark handles with a white edge ===== */
html body#alacerHotelSurroundPageBody:not(#sl1):not(#sl2) .rangeSlider .slider-track, html body#alacerHotelSurroundPageBody:not(#sl1):not(#sl2) .rangeSlider :is(.slider-track-low, .slider-track-high) { background: #eef4f4 !important; background-image: none !important; }
html body#alacerHotelSurroundPageBody:not(#sl1):not(#sl2) .rangeSlider .slider-selection { background: #a8c3c6 !important; background-image: none !important; }
html body#alacerHotelSurroundPageBody:not(#sl1):not(#sl2) .rangeSlider .slider-handle { background: #2d3b3f !important; background-image: none !important; border: 2px solid #fff !important; box-shadow: 0 0 0 1px #2d3b3f !important; }