.ui-ihg-datepicker.ui-widget, .ui-ihg-datepicker .ui-widget { font-size: inherit; } .ui-ihg-datepicker .ui-widget .ui-widget { font-size: 1rem; } .ui-ihg-datepicker .ui-widget input, .ui-ihg-datepicker .ui-widget select, .ui-ihg-datepicker .ui-widget textarea, .ui-ihg-datepicker .ui-widget button { font-family: inherit; font-size: 1rem; } .ui-ihg-datepicker.ui-widget-content, .ui-ihg-datepicker .ui-widget-content { border: 0 none; background: none; color: inherit; font-weight: normal; } .ui-ihg-datepicker.ui-widget-content a, .ui-ihg-datepicker .ui-widget-content a { color: inherit; } .ui-ihg-datepicker .ui-widget-header { border: 0 none; background: none; color: inherit; font-weight: normal; } .ui-ihg-datepicker .ui-widget-header a { color: inherit; } .ui-ihg-datepicker .ui-state-default { border: 0 none; font-weight: normal; } .ui-ihg-datepicker.ui-corner-all, .ui-ihg-datepicker .ui-corner-all { border-radius: 0px; } .booking--fixed .booking-component { max-width: 100%; margin: 0 auto; } @media (min-width: 992px) { .booking--fixed .booking-component { max-width: 1220px; margin: 0 auto; } } .booking--full .booking-component { margin: 0; } .booking--full .booking-component #searchForm { margin: 0; } .booking-component.supress-styles app-search-form, .booking-component.supress-styles lib-search-form { background-color: #fff; border: 2px solid #fff; display: block; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; width: 100%; } .booking-component.supress-styles lib-consolidate-search-wrapper #responsive { width: 90%; margin: 32px auto; } .booking-component #searchModule { position: relative; z-index: 200; } [dir=ltr] .booking-component #searchModule { direction: ltr; } [dir=rtl] .booking-component #searchModule { direction: rtl; } .booking-component #searchModule #additionalSection { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; } .booking-component #searchModule app-search-form, .booking-component #searchModule lib-search-form { background-color: #fff; border: 2px solid #fff; display: block; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; width: 100%; } .brand .brand-highlight, .brand .brand-hover:hover { background-color: #666; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search { gap: 20px; padding: 20.5px 12px; height: 54px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.09); border: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .seperator { height: 85%; align-self: center; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout { width: 27%; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .dest-input-label { margin-bottom: 16px; font-weight: 500 !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .dest-input-area { gap: 8px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .dest-input-area .fa.fa-search { padding-top: 5px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .dest-input { line-height: 24px; padding: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .destinations-box { padding: 10px 30px; top: 130%; left: -12px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .destinations-box { right: -14px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .destinations-box .hybrid-title { font-weight: 600; font-size: 16px; line-height: 18.4px; letter-spacing: 0.1px; padding: 20px 0 10px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .destinations-box .destination-item { font-weight: 400; line-height: 24px; padding: 10px 0; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .destination-component .destinations-box .ng-star-inserted hr { display: none; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .destination-layout .fa.fa-map-marker { display: none; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout { width: 21%; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker .night-message { margin-bottom: 16px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker .night-message { text-align: right; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout .datepicker-field-container .checkInDate, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout .datepicker-field-container .checkOutDate { line-height: 24px; text-indent: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout .datepicker-field-container .calendar-selected-date { gap: 5px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule { left: 16% !important; top: 130%; width: 800px !important; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule { right: 16% !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline { width: 800px; padding-bottom: 30px; margin-top: 10px !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group { width: 350px; margin: 0 30px 0 20px !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group:first-child { margin: 0 20px 0 30px !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar { width: 350px; border-collapse: separate; border-spacing: 0 10px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr th { height: 40px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr th span { font-size: 14px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ui-ihg-datepicker-clickable-date { width: 50px; height: 50px; padding: 5px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ui-ihg-datepicker-today .ui-state-default .ui-ihg-datepicker-check-in { border-radius: 25px 0px 0px 25px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ui-ihg-datepicker-today .ui-state-default .ui-ihg-datepicker-check-in { border-radius: 0px 25px 25px 0px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ui-ihg-datepicker-today .ui-state-default .ui-ihg-datepicker-check-in .arrowHolderLeft, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ui-ihg-datepicker-today .ui-state-default .ui-ihg-datepicker-check-in .arrowHolderRight { display: none; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ng-star-inserted .ui-ihg-datepicker-check-out { border-radius: 0px 25px 25px 0px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ng-star-inserted .ui-ihg-datepicker-check-out { border-radius: 25px 0px 0px 25px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ng-star-inserted .ui-ihg-datepicker-check-out .arrowHolderLeft, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-inline .ui-ihg-datepicker-group .ui-ihg-datepicker-calendar tr .ng-star-inserted .ui-ihg-datepicker-check-out .arrowHolderRight { display: none; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-prev-icon { left: 36px; top: 25px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-prev-icon { right: 35px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-prev-icon::before { font-size: 16px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-next-icon { right: 45px; top: 25px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-next-icon { right: unset; left: 35px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule .ui-ihg-datepicker-next-icon::before { font-size: 16px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout { width: 16.3%; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .room-guest-label { margin-bottom: 16px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .room-guest-label { text-align: right; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .selected-room-guest-copy { line-height: 24px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .selected-room-guest-copy { text-align: right; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list { right: calc(50% - 183px); border-radius: 0px 0px 10px 10px; top: 40px; padding: 10px 20px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-1 { padding: 20px 10px 20px 0; font-size: 16px; line-height: 24px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-1 { padding: 20px 0 20px 10px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-1, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-2, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-3, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr .column-4 { border-bottom: 1px solid rgba(194, 199, 202, 0.56); } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr td[data-slnm-ihg=expandedResModuleChildrenLabel].column-1 { border-bottom: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list tr td[data-slnm-ihg=expandedResModuleChildrenLabel] ~ td { border-bottom: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list .ng-star-inserted .children-age-col { padding: 10px 0; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list .ng-star-inserted .children-age-col .childrenAgeLabel { margin-left: 35px; margin-right: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout .room-guest .box-style .room-guest-list .ng-star-inserted .room-guestlist .non-child-policy-container { padding-top: 10px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout { width: 16.3%; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .special-rates .special-rates-label { margin-bottom: 16px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .special-rates .special-rates-label { text-align: right; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .special-rates .selected-rate-copy { line-height: 24px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .special-rates .selected-rate-copy { text-align: right; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container { width: 500px; right: calc(50% - 290px); top: 40px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-category-item, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option, .bookingcomponent .booking-component.supress-styles #searchModule #searchForm .special-rates .box-style .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option { padding: 15px 30px !important; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-category-item .rate-icon, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-icon, .bookingcomponent .booking-component.supress-styles #searchModule #searchForm .special-rates .box-style .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option .rate-icon { display: none; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-category-item .rate-item-copy, .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-item-copy, .bookingcomponent .booking-component.supress-styles #searchModule #searchForm .special-rates .box-style .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option .rate-item-copy { font-size: 16px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option input { height: 40px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option .rate-icon { margin-left: 10px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout .rate-list-container .rate-list .rate-other-option .rate-item-copy { font-size: 16px; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .search-button-layout { width: 18.7%; margin-left: 24px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .search-button-layout { margin-right: 24px; margin-left: unset; } .bookingcomponent .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .search-button-layout .search-button { text-transform: capitalize; border-radius: 3px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile { margin: 20px; gap: unset; background-color: unset; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.0901960784); border: unset; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body { padding: 16px !important; background-color: #fff; border-radius: 10px 10px 0 0; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .input-label { margin-bottom: 6px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .dest-input-area { gap: 8px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .room-input-area { gap: 8px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .date-input-area .mobile-dates { gap: 8px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .destination-layout .input-icon, .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .dates-layout .input-icon, .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .card-body .room-layout .input-icon { padding: unset; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .search-button-layout { padding: 15px 40px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .consolidate-search-mobile .search-button-layout .search-btn-txt { font-size: 16px; font-weight: 600; line-height: 22px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-header-aem { padding: 25px 20px 24px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-header-aem .fa.fa-arrow-left { font-size: 15px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-header-aem .fa.fa-arrow-left:before { font-family: "FontAwesome"; content: "\f061"; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-header-aem .back-btn-text { line-height: 16.1px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-header .title { font-weight: 600; line-height: 27.6px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .destination-layout-hotel-info { padding: unset; margin: unset; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .destination-layout-hotel-info .title { line-height: 27.6px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .destination-layout-hotel-info .hotel-name { margin-top: 19px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .destination-layout, .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .dates-layout, .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .room-layout, .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .rate-layout { gap: unset; margin: unset; padding: 30px 0 10px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .field-label { padding-bottom: 13.5px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .field-value { line-height: 27px; font-weight: 400; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .dates-layout .field-value { gap: 10px; display: flex; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .chevron-right-icon { top: 45px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .chevron-right-icon { left: 0; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .chevron-right-icon:before { font-size: 13px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .update-search-modal .update-search-modal-body .chevron-right-icon:before { font-family: "FontAwesome"; content: "\f053"; left: 0; position: absolute; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .destination-search-modal .destination-input-component .destination-input-area { width: unset; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .destination-search-modal .destination-input-component .destination-input-area .destination-input { text-align: right; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .destination-search-modal .destination-input-component .destination-input-area .input-clear-icon { left: 20px; position: absolute; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .destination-search-modal .prompt-container header p { text-align: right; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .back-btn .fa.fa-arrow-left { font-size: 15px; } [dir=rtl] .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .back-btn .fa.fa-arrow-left:before { font-family: "FontAwesome"; content: "\f061"; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .field-datepicker #datePicker .calendarModule .ui-ihg-datepicker-title { font-weight: 600; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .field-datepicker #datePicker .calendarModule .ui-ihg-datepicker-calendar-container .ui-ihg-datepicker-calendar thead { font-size: 12px; line-height: 18px; font-weight: 500; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .advance-template .continue-button.brand-text.brand-border { font-weight: 700; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .rates .special-rates-item-group .rate-input-container { display: grid; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .rates .special-rates-item-group .rate-input-container .input-label { color: #000; font-size: 14px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .rates .special-rates-item-group .rate-input-container input { height: 41px; font-size: 14px; line-height: 21px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .rates .rates-list .rate-items:last-child { padding-bottom: 85px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .drawer-container .drawer-content .drawer-handle { width: 50px; } .bookingcomponent .booking-component.supress-styles #responsive-mobile .search-modal-layout .search-modal-container .drawer-opened .drawer-container .apply-button-layout .apply-button { font-weight: 500; } .booking-component.supress-styles .brand .brand-border { border: unset; border-radius: 3px; color: #FFFFFF; } .booking-component.supress-styles .brand .ng-star-inserted .responsive .consolidate-search { border: unset; } @media (max-width: 768px) { #uhf_headerWrapper { z-index: unset; } } #searchModule { background: #fff; display: flex; flex-direction: column; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 16px; } #searchModule label { color: #666; margin-bottom: 5px; font-size: 1.6rem; font-family: inherit; font-weight: normal; } #searchModule button { border: none; display: inline-block; padding: 0; text-align: center; } #searchModule input { border-radius: 0px; background-color: #fff; padding: 0; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; } #searchModule input.searchbox { box-shadow: none; } #searchModule input::-ms-clear { display: none; } #searchModule p { color: #666; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: inherit; line-height: inherit; margin: 0; } #searchModule .search-button { align-items: center; background-color: #164A45; border-radius: 0px; color: #fff; cursor: pointer; flex: 1 100%; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 18px; height: 44px; justify-content: center; margin-top: 20px; margin-bottom: 22px; padding: 0 18px; text-transform: capitalize; } @media (min-width: 768px) { #searchModule .search-button { flex: 0 auto; margin-top: 0; } } #searchModule .field-destination, #searchModule .field-datepicker, #searchModule .search-button { display: flex; flex-flow: column nowrap; margin-bottom: 20px; } #searchModule .field-destination { flex: 1 100%; } @media (min-width: 768px) { #searchModule .field-destination { flex: 0 1 auto; width: 30%; } } #searchModule .field-datepicker { flex: 1 1 100%; } @media (min-width: 768px) { #searchModule .field-datepicker { flex: 0 1 auto; width: 45%; } } #searchModule [hidden] { display: none; } #searchForm { align-items: stretch; max-width: none; } #searchForm .field-destination { order: 0; } #searchForm .field-datepicker { order: 1; } @media (min-width: 768px) { #searchForm .search-button { width: 20%; margin-top: 25px; } } #searchForm .note-section { font-size: 12px; font-weight: 900; order: 4; } #searchForm .inputField { display: flex; flex: 1 1 auto; background-color: #fff; width: 100%; } @media (min-width: 768px) { #searchForm .inputField { display: block; } } #searchForm .manageReservationsLink { color: #164A45; font-size: 16px; font-weight: normal; text-decoration: underline; } #searchForm .booking-component-error-container { color: #666; } #searchForm .booking-component-error-container a { color: #666; cursor: pointer; text-decoration: underline; } #searchForm .booking-component-error-container a:visited, #searchForm .booking-component-error-container a:link { color: #666; } #searchForm .booking-component-error-container a:active, #searchForm .booking-component-error-container a:hover { color: #164A45; text-decoration: underline; } .supress-styles #datePicker { /* .night-message { font-weight: 500; margin-bottom: 10px; } */ } .supress-styles #datePicker .datepicker-field-container .input-and-icon .checkInDate, .supress-styles #datePicker .datepicker-field-container .input-and-icon .checkOutDate { height: unset; border: unset; } .booking-component #searchModule #datePicker .datepicker-field-container { flex-flow: row nowrap; } .booking-component #searchModule #datePicker .datepicker-field-container .datepicker-field { flex: 0 1 48%; } .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon { display: flex; position: relative; outline: none; transform: translateY(0px); background-color: transparent; } .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .checkInDate, .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .checkOutDate { height: 44px; border: 1px solid #81848a; transition: border-color 0.2s ease-in-out; width: 100%; } .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .input-adjacent-icon { background: transparent; color: #164A45; margin-left: 0; margin-right: 0; padding: 0 5px; position: absolute; top: 50%; transform: translateY(-50%); } [dir=ltr] .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .input-adjacent-icon { right: 0; } [dir=rtl] .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .input-adjacent-icon { left: 0; } .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline { outline: none; } .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkInDate, .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkOutDate { border-color: #009cc0; border-width: 1px; } .booking-component #searchModule #datePicker .datepicker-field-container .arrowHolderUp { border-bottom-color: #ededed; } [dir=ltr] .booking-component #searchModule #datePicker .datepicker-field-container .arrowHolderUp { right: 1%; left: auto !important; } [dir=rtl] .booking-component #searchModule #datePicker .datepicker-field-container .arrowHolderUp { left: 1%; right: auto !important; } @media (min-width: 768px) { .booking-component #searchModule #datePicker .calendarModule { width: auto; } } @media (min-width: 768px) { .booking-component #searchModule #datePicker .calendarModule.checkInFocus { left: 50%; right: auto; } [dir=ltr] .booking-component #searchModule #datePicker .calendarModule.checkInFocus { transform: translateX(-50%); } [dir=rtl] .booking-component #searchModule #datePicker .calendarModule.checkInFocus { transform: translateX(-61%); } } @media (min-width: 768px) { .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { left: 50%; right: auto; } [dir=ltr] .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { transform: translateX(-50%); } [dir=rtl] .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { left: unset; } } .booking-component #searchModule #datePicker .calendarModule td { border-color: #ededed; } .booking-component #searchModule #datePicker .calendarModule th { text-align: center; } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-calendar, .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-title { color: #666; } .booking-component #searchModule #datePicker .calendarModule .ui-state-default { text-decoration: none; color: #666; } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-group { font-size: 14px; } [dir=ltr] .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-group { margin-left: 15px; margin-right: auto; } [dir=rtl] .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-group { margin-left: auto; margin-right: 15px; } @media (max-width: 360px) { .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-group { margin: 0 auto; } } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-inline { font-family: inherit; background-color: #ededed; } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-selected { background-color: #164A45; } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-disabled:not(.ui-ihg-datepicker-check-in):not(.ui-ihg-datepicker-check-out):not(.ui-datepicker-selected):not(.brand-highlight) { background-color: #b7b7b7; } .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-yesterday:not(.ui-ihg-datepicker-check-in) { background-color: #b7b7b7; } [dir=ltr] .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-prev-icon { left: 20px; } [dir=ltr] .booking-component #searchModule #datePicker .calendarModule .ui-ihg-datepicker-next-icon { right: 20px; } .booking-component .additional-message { position: relative; top: -5px; } .booking-component .additional-message .additional-message-container:has(.fiftyPlusWeeksMessage) { box-shadow: 0px 14px 15px rgba(0, 0, 0, 0.15); } .booking-component + .ihg-bookingclient-footer { align-items: center; background-color: #164A45; border-top: 1px solid rgba(255, 255, 255, 0.2); bottom: 0; box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.2); color: #fff; cursor: pointer; display: flex; flex-flow: column nowrap; font-weight: 500; justify-content: center; left: 0; right: 0; padding: 15px 0; position: fixed; width: 100%; z-index: 999; } .booking-component + .ihg-bookingclient-footer .bookingclient-footer, .booking-component + .ihg-bookingclient-footer .bookingclient-footer-rates { flex: 0 1 auto; text-align: center; } .booking-component + .ihg-bookingclient-footer .bookingclient-footer { font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 21px; font-weight: 900; line-height: 1; margin: 5px 0; padding: 0; text-transform: uppercase; width: 100%; } .booking-component + .ihg-bookingclient-footer .bookingclient-footer-rates { flex: 0 1 auto; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 14px; line-height: 1; width: 100%; } .booking-component #searchModule .open-search .field-destination { width: 35%; } .booking-component #searchModule .open-search .field-destination .dest-input-area { align-items: center; position: relative; } .booking-component #searchModule .open-search .field-destination .dest-input-area .input-search-icon { display: none; } .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input { background-color: #fff; box-shadow: none; height: 44px; border: 1px solid #81848a; width: 100%; } [dir=ltr] .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input { padding-left: 10px; padding-right: 30px; } [dir=rtl] .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input { padding-left: 30px; padding-right: 10px; } .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input:focus, .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input:active { border-color: #009cc0; } .booking-component #searchModule .open-search .field-destination .dest-input-area .input-adjacent-icon { color: #164A45; height: 41px; transform: translateY(-50%); position: absolute; top: 63%; background: transparent; } [dir=ltr] .booking-component #searchModule .open-search .field-destination .dest-input-area .input-adjacent-icon { right: 0; } [dir=rtl] .booking-component #searchModule .open-search .field-destination .dest-input-area .input-adjacent-icon { left: 0; } .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 100%; } @media (min-width: 768px) { .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 40%; z-index: 1; } } .booking-component #searchModule .open-search .field-datepicker-wrapper .field-datepicker { margin-bottom: 0; width: 100%; } .booking-component #searchModule .open-search .search-button { align-self: stretch; width: 20%; } .booking-component #searchModule .hotel-search .field-destination, .booking-component #searchModule .destination-search .field-destination, .booking-component #searchModule .closed-search .field-destination { width: 35%; } .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style { background-color: initial; height: 44px; padding: 0; } .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display { background-color: #fff; border: 1px solid #81848a; border-radius: 0px; min-height: 44px; outline-width: 0; position: relative; transition: border-color 0.2s ease-in-out; } .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; } [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label { padding-right: 24px; padding-left: 10px; } [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .selected-item-label, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .selected-item-label { padding-right: 10px; padding-left: 24px; } .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow { position: absolute; margin: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1; color: #164A45; } [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=ltr] .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow { right: 5px; } [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display .up-down-arrow, [dir=rtl] .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display .up-down-arrow { left: 5px; } .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:active, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style .selected-item-display:active, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .box-style .selected-item-display:active, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:active, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style .selected-item-display:active, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .destination-search .field-destination .closed-search-container .box-style .selected-item-display:active, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style .selected-item-display:active, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style .selected-item-display:active, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display:focus, .booking-component #searchModule .closed-search .field-destination .closed-search-container .box-style .selected-item-display:active { border-color: #009cc0; } .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select { margin-bottom: 0; } .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select .item-list, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select .item-list, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select .item-list { font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 1em; line-height: 1.5; width: 100%; } @media (min-width: 768px) { .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select .item-list, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select .item-list, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region .item-list, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select .item-list { width: 200%; } } .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region { width: 25%; } @media (min-width: 768px) { .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region { width: 37%; } } @media (max-width: 600px) { .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-region, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-region { width: 100%; margin-bottom: 20px; } } .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select { width: 71%; } @media (min-width: 768px) { .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select { width: 58%; } } @media (max-width: 600px) { .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select { width: 100%; } } .booking-component #searchModule .hotel-search .field-destination .closed-search-container .field-destination-select.full, .booking-component #searchModule .destination-search .field-destination .closed-search-container .field-destination-select.full, .booking-component #searchModule .closed-search .field-destination .closed-search-container .field-destination-select.full { width: 100%; } .booking-component #searchModule .hotel-search .field-destination .closed-destination-search-container .box-style ul.item-list li.item-category-item, .booking-component #searchModule .hotel-search .field-destination .closed-hotel-search-container .box-style ul.item-list li.item-category-item, .booking-component #searchModule .destination-search .field-destination .closed-destination-search-container .box-style ul.item-list li.item-category-item, .booking-component #searchModule .destination-search .field-destination .closed-hotel-search-container .box-style ul.item-list li.item-category-item, .booking-component #searchModule .closed-search .field-destination .closed-destination-search-container .box-style ul.item-list li.item-category-item, .booking-component #searchModule .closed-search .field-destination .closed-hotel-search-container .box-style ul.item-list li.item-category-item { font-size: initial; font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; line-height: 1.5; } .booking-component #searchModule .hotel-search .field-datepicker-wrapper, .booking-component #searchModule .destination-search .field-datepicker-wrapper, .booking-component #searchModule .closed-search .field-datepicker-wrapper { width: 100%; } @media (min-width: 768px) { .booking-component #searchModule .hotel-search .field-datepicker-wrapper, .booking-component #searchModule .destination-search .field-datepicker-wrapper, .booking-component #searchModule .closed-search .field-datepicker-wrapper { width: 40%; z-index: 1; } } .booking-component #searchModule .hotel-search .field-datepicker-wrapper .field-datepicker, .booking-component #searchModule .destination-search .field-datepicker-wrapper .field-datepicker, .booking-component #searchModule .closed-search .field-datepicker-wrapper .field-datepicker { margin-bottom: 0; width: 100%; } .booking-component #searchModule .hotel-search .search-button, .booking-component #searchModule .destination-search .search-button, .booking-component #searchModule .closed-search .search-button { align-self: stretch; width: 20%; } #hdbooking { overflow: visible; } #hdbooking .booking-component #searchModule .field-destination-title { color: #164A45; font-size: 1em; font-weight: bold; line-height: 1.4; margin: 0 0 20px; padding: 0; white-space: normal; width: 100%; } @media (min-width: 768px) { #hdbooking .booking-component #searchModule #datePicker .calendarModule { width: auto; } } @media (min-width: 768px) { #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkInFocus { transform: translateX(0); } [dir=ltr] #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkInFocus { left: 0; right: auto; } [dir=rtl] #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkInFocus { left: auto; right: 0; } } @media (max-width: 767px) { [dir=rtl] #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkInFocus .ui-ihg-datepicker { left: -18px; } } @media (min-width: 768px) { [dir=ltr] #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { right: 0; left: auto; transform: translateX(25%); } [dir=rtl] #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { right: auto; left: 0; transform: translateX(-25%); } } @media (min-width: 1200px) { #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { transform: translateX(0); } } @media (max-width: 767px) { #hdbooking .booking-component #searchModule #datePicker .calendarModule.checkOutFocus { transform: translateX(0); } } @media (min-width: 768px) { #hdbooking .booking-component #searchModule .closed-search .search-button, #hdbooking .booking-component #searchModule .hotel-search .search-button, #hdbooking .booking-component #searchModule .destination-search .search-button, #hdbooking .booking-component #searchModule .open-search .search-button { width: 30%; } } @media (min-width: 992px) { #hdbooking .booking-component #searchModule .closed-search .search-button, #hdbooking .booking-component #searchModule .hotel-search .search-button, #hdbooking .booking-component #searchModule .destination-search .search-button, #hdbooking .booking-component #searchModule .open-search .search-button { width: 20%; } } #hdbooking .booking-component #searchModule .closed-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .hotel-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .destination-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 76.5%; } @media (max-width: 767px) { #hdbooking .booking-component #searchModule .closed-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .hotel-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .destination-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 100%; } } @media (min-width: 768px) { #hdbooking .booking-component #searchModule .closed-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .hotel-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .destination-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 66.5%; } } @media (min-width: 992px) { #hdbooking .booking-component #searchModule .closed-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .hotel-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .destination-search .field-datepicker-wrapper, #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 76.5%; } } #hdbooking .booking-component #searchModule .closed-search .field-datepicker-wrapper .field-datepicker, #hdbooking .booking-component #searchModule .hotel-search .field-datepicker-wrapper .field-datepicker, #hdbooking .booking-component #searchModule .destination-search .field-datepicker-wrapper .field-datepicker, #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper .field-datepicker { width: 100%; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive { width: 900px; margin: 25px auto; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search { padding: 12px; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout { width: 35%; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .dates-layout #datePicker #bookingComponent .calendarModule { top: 120%; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .room-layout { width: 20%; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .rate-layout { width: 20%; } #hdbooking .booking-component.supress-styles .ng-star-inserted #responsive .consolidate-search .search-button-layout { width: 21%; } #datePicker .calendar-message { background-color: #fff; } #datePicker .calendar-message .fa-exclamation-triangle { color: #164A45; } #datePicker .calendar-message .fiftyPlusTitle { color: #3f3d3e; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight: 700; } #datePicker .calendar-message .fiftyPlusWeeksText { color: #707372; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight: 400; } #datePicker .calendar-message .fiftyPlusWeeksText .pSixB { color: #707372; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-weight: 700; } #datePicker .calendar-message .message-search-button { font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #fff; background-color: #164A45; border-radius: 0px; } #datePicker .calendar-message .message-search-button-text { text-transform: capitalize; } /* .supress-styles { .room-guest.advance-template { .room-guest-label { font-family: "Inter"; font-weight: 500; margin-bottom: 10px; } .selected-room-guest-copy { line-height: 150%; } .selected-room-guest-display-toggle { &:before { width: 10px; height: 5px; } } } } */ .booking-component #searchModule .field-room-guest .room-guest .box-style { padding: 0; background-color: initial; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display { border: 1px solid #81848a; border-radius: 0px; min-height: initial; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:focus, .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:active { border-color: #009cc0; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display .selected-room-guest-copy { height: 44px; padding: 0 10px; min-height: initial; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display .selected-room-guest-display-toggle { color: #164A45; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list { padding: 12px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .component-container { align-items: unset; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-1 { font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: initial; line-height: 150%; border-bottom: 1px solid rgba(194, 199, 202, 0.56); width: 70%; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list td[data-slnm-ihg=expandedResModuleChildrenLabel].column-1 { border-bottom: unset; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list td[data-slnm-ihg=expandedResModuleChildrenLabel] ~ td { border-bottom: unset; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 { width: 11%; border-bottom: 1px solid rgba(194, 199, 202, 0.56); text-align: right; } [dir=rtl] .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 { text-align: left; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 .brand-text { color: #164A45; font-size: initial; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 .disable { color: #b7b7b7; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-3 { width: 14%; border-bottom: 1px solid rgba(194, 199, 202, 0.56); } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-3 .inputField { font-size: 16px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-4 { width: 10%; border-bottom: 1px solid rgba(194, 199, 202, 0.56); } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-4 .brand-text { color: #164A45; font-size: initial; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-4 .disable { color: #b7b7b7; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .error-msg-container { gap: 5px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .error-msg-container .error-icon { font-size: 18px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .error-msg-container .error-text { font-weight: 400; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .children-age-col { padding-top: 20px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .childrenAgeLabel { line-height: 150%; padding-left: 20px; margin-right: unset; } [dir=rtl] .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .childrenAgeLabel { padding-right: 20px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .childrenAgeValue .child-age-dropdown { width: 71px; font-size: 16px; line-height: 150%; padding: 10px 15px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .room-guestlist-tr2 .component-container .column-1.component-label { border-bottom: unset; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .room-guestlist-tr2 .component-container .component-controls .column-2, .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .room-guestlist-tr2 .component-container .component-controls .column-3, .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .room-guestlist-tr2 .component-container .component-controls .column-4 { border-bottom: unset; } /* .supress-styles { .special-rates.advance-template { .special-rates-label { font-weight: 500; margin-bottom: 10px; } .selected-rate-copy { line-height: 150%; } .box-style { .rate-list-container { width: 500px; padding: 5.5px 0px; .rate-item-copy { font-size: 16px; font-weight: 400; line-height: 22px; } } } .selected-rate-display-toggle { &:before { width: 10px; height: 5px; } } } } */ .booking-component #searchModule #searchForm .special-rates .box-style { padding: 0; background-color: initial; } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display { border: 1px solid #81848a; border-radius: 0px; min-height: initial; } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display .selected-rate-copy { height: 44px; min-height: initial; padding: 0 10px; } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display .selected-rate-display-toggle { color: #164A45; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option { font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item .rate-icon, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-icon { height: 17px; font-size: 1rem; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item .rate-icon .brand, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-icon .brand { color: #164A45; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item .rate-item-copy, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-item-copy { font-size: initial; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-category-item-box > span { display: block; } .booking-component lib-search-form.brand.brand--vn { border: unset; } .booking-component .ng-trigger.ng-trigger-overlayAnimation.ng-tns-c27-0.ng-animate-disabled.ui-ihg-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-ihg-datepicker-inline.ui-ihg-datepicker-multiple-month.ng-star-inserted { box-shadow: 0px 0.4rem 1.5rem rgba(0, 0, 0, 0.15); } .booking-component #searchModule { background: #efe8e5; } .booking-component #searchModule label { color: #164A45; font-weight: 600; line-height: 150%; font-family: "Inter"; font-style: normal; font-size: 18px; } @media (max-width: 767px) { .booking-component #searchModule label { font-size: 16px; } } .booking-component #searchModule input { font-family: "Inter"; } @media (max-width: 767px) { .booking-component #searchModule .field-room-guest .room-guest .box-style { width: 100%; } } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-1 { color: #164A45; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 .disable { color: #C2C7CA; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-3 input.inputField.ng-untouched.ng-pristine.ng-valid { color: #164A45; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 .enabled svg path { fill: #164A45 !important; } .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-4 svg path { fill: #164A45 !important; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display { border: 1px solid #164A45; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display .selected-room-guest-display-toggle { font-size: 20px; } .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:focus, .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:active { border-color: #164A45; border: 2px solid #164A45; } .booking-component #searchModule .field-room-guest .room-guest .box-style table.room-guest-list.pSeven.ng-star-inserted { border: 1px solid #164A45; border-top: 0; } .booking-component #searchModule #searchForm { padding: 20px 3%; } .booking-component #searchModule #searchForm .corp-id-field, .booking-component #searchModule #searchForm .iata-id-field, .booking-component #searchModule #searchForm .group-code-field { height: 48px; width: 100%; border: 1px solid #164A45 !important; } @media (max-width: 768px) { .booking-component #searchModule #searchForm { padding: 20px; } } .booking-component #searchModule #searchForm .field-room-guest { width: 36.8%; } @media (max-width: 992px) { .booking-component #searchModule #searchForm .field-room-guest { width: 100%; } } .booking-component #searchModule #searchForm .special-rates .rate-list-container { border: unset; width: 101.2%; } @media (max-width: 991px) { .booking-component #searchModule #searchForm .special-rates .rate-list-container { width: 100%; } } .booking-component #searchModule #searchForm .special-rates .rate-list-container .rate-list .pSeven .rate-other-option .rate-category-item-box { padding-top: 5px; } .booking-component #searchModule #searchForm .search-button { font-family: "Inter"; font-style: normal; font-weight: 600; font-size: 14px; line-height: 150%; border-radius: 3px; margin-top: 32px; letter-spacing: 2px; } @media (min-width: 768px) { .booking-component #searchModule #searchForm .search-button { margin-top: 33px; } } .booking-component #searchModule #searchForm .manageReservationsLink { font-family: "Inter"; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; align-items: center; text-align: center; letter-spacing: -0.009em; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #164A45; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list-container ul.rate-list { color: #164A45; border: 1px solid #164A45; border-top: 0; } .booking-component #searchModule #searchForm .booking-component-error-container { font-family: "Inter"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #54585A; } .booking-component #searchModule #searchForm .booking-component-error-container a { color: #164A45; font-family: "Inter"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #54585A; } .booking-component #searchModule #searchForm #datePicker { width: 100%; } .booking-component #searchModule #searchForm #datePicker .input-and-icon .brand-outline { border: 2px solid #164A45; } .booking-component #searchModule #searchForm .special-rates { width: 60.3%; } @media (max-width: 992px) { .booking-component #searchModule #searchForm .special-rates { width: 100%; } } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display { border: 1px solid #164A45; width: 101.2%; } @media (max-width: 992px) { .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display { width: 100%; } } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display .selected-rate-display-toggle { font-size: 20px; } .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display:focus, .booking-component #searchModule #searchForm .special-rates .box-style .selected-rate-display:active { border: 2px solid #164A45; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option { padding: 6px; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item .rate-icon, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-icon { border: 1px solid #0e2e4f; width: 18px; height: 18px; font-size: 12px; box-shadow: unset; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item .rate-item-copy, .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option .rate-item-copy { font-family: "Inter"; font-style: normal; font-weight: 400; font-size: 17px; line-height: 160%; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-category-item-box span { font-size: 14px; font-family: "P22 Underground Pro"; font-style: normal; font-weight: 400; line-height: 160%; color: #164A45; margin-bottom: 5px; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option { padding: 6px; border-top: 1px solid #164A45; } .booking-component #searchModule #searchForm .special-rates .box-style .rate-list .rate-other-option:last-of-type { padding-bottom: 12px; padding-left: 14px; padding-right: 14px; padding-top: 7px; } .booking-component label { font-family: "Inter"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 150%; letter-spacing: 0.011em; color: #164A45; } .booking-component .brand-highlight, .booking-component .brand-hover:hover { background: #164A45; } .booking-component .brand-text { color: #164A45; } .booking-component .search-button { font-weight: 700; font-size: 14px; line-height: 120%; } .booking-component .open-search .field-destination .dest-input-area .dest-input { border: 1px solid #164A45; } .booking-component .open-search .field-destination .dest-input-area .dest-input::-moz-placeholder { color: #164A45; } .booking-component .open-search .field-destination .dest-input-area .dest-input::placeholder { color: #164A45; } .booking-component .open-search .field-destination .dest-input-area .dest-input:-ms-input-placeholder { color: #164A45; } .booking-component .iata-switch .switch-pane ng-star-inserted { color: #ffffff !important; } .booking-component .iata-switch .switch { background: #D0D6D6 !important; } .booking-component .iata-switch .switch.switch-small { height: 22px; border-radius: 22px; } .booking-component .iata-switch .switch.switch-small .switch-pane .switch-label-checked { padding-right: 28px; padding-left: 10px; padding-top: 2px; } .booking-component .iata-switch .switch.switch-small .switch-pane .switch-label-unchecked { padding-top: 1px; } .booking-component .iata-switch .switch.switch-small .switch-pane > span { font-size: 12px; font-family: "Inter"; font-style: normal; font-weight: 600; line-height: 160%; } .booking-component .iata-switch .switch.switch-small small { height: 24px; width: 24px; top: -1px; } .booking-component .iata-switch .switch.switch-small.checked { color: #ffffff !important; } .booking-component .iata-switch .checked { background: #164A45 !important; } .booking-component .input-adjacent-icon.fa.fa-map-marker.ng-star-inserted { color: #164A45 !important; top: 70% !important; } .booking-component #datePicker .datepicker-field-container .arrowHolderUp { border-bottom-color: #FFFFFF !important; } .booking-component #datePicker .datepicker-field-container .input-and-icon { font-size: 16px; font-family: "Inter"; font-style: normal; font-weight: 400; line-height: 150%; color: solid #164A45; } .booking-component #datePicker .datepicker-field-container .input-and-icon .input-adjacent-icon { padding: 9px 10px !important; font-size: 20px; } .booking-component #datePicker .datepicker-field-container .checkInDate, .booking-component #datePicker .datepicker-field-container .checkOutDate { border: 1px solid #164A45; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-selected { background: #164A45; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-inline { background: #FFFFFF; box-shadow: 0px 14px 15px rgba(0, 0, 0, 0.15); } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-title { color: #164A45; font-weight: 600; font-family: "Inter"; font-style: normal; font-size: 14px; line-height: 150%; margin-top: 0; padding-top: 15px; padding-bottom: 5px; } .booking-component #datePicker .calendarModule td { border-color: #FFFFFF; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-calendar thead { font-family: "Inter"; font-style: normal; font-weight: 600; font-size: 14px; line-height: 150%; color: #164A45 !important; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-calendar thead th.ng-tns-c27-0.ng-star-inserted { font-weight: 600; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-next-icon:before { color: #54585A; } .booking-component #datePicker .calendarModule .ui-ihg-datepicker-disabled:not(.ui-ihg-datepicker-check-in):not(.ui-ihg-datepicker-check-out):not(.ui-datepicker-selected):not(.brand-highlight) { background: #efe8e5; color: #54585A; } .booking-component #datePicker .calendarModule .ui-state-default { color: #54585A; } .booking-component #datePicker .calendarModule .iata-switch .checked { background: #DADAD2 !important; } .booking-component #datePicker .calendarModule .button.switch.switch-small { background: #DADAD2 !important; } .booking-component #datePicker .switch.checked .switch-pane .switch-label-checked { color: unset !important; } .booking-component #datePicker .calendar-message .fa-exclamation-triangle { color: #e37321; } .booking-component #datePicker .calendar-message .message-search-button { background-color: #e37321; } .booking-component #datePicker .datepicker-field-container .checkInDate, .booking-component #datePicker .datepicker-field-container .checkOutDate { border: 1px solid #164A45; text-indent: 2%; color: #164A45; } [dir=ltr] .booking-component #datePicker .datepicker-field-container .checkInDate, [dir=ltr] .booking-component #datePicker .datepicker-field-container .checkOutDate { text-align: left; } [dir=rtl] .booking-component #datePicker .datepicker-field-container .checkInDate, [dir=rtl] .booking-component #datePicker .datepicker-field-container .checkOutDate { text-align: right; } .booking-component #datePicker .additional-message { background-color: #fff; } #searchModule .selected-room-guest-display .selected-room-guest-copy { color: #164A45; font-family: "Inter"; line-height: 150%; } @media (max-width: 992px) { #searchModule .open-search .field-destination { width: 100% !important; } } #searchModule p { font-weight: 400; line-height: 150%; font-family: "Inter"; font-style: normal; font-size: 14px; color: #54585A; } #searchModule .selected-rate-display input { color: #164A45; } #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkInDate, #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkOutDate { border: 2px solid #164A45; } @media (min-width: 769px) { #searchModule #datePicker .calendarModule .ui-ihg-datepicker-next-icon { right: 30px; } } #searchModule #datePicker .calendarModule .ui-ihg-datepicker-group { margin-right: 15px; } #searchModule .field-room-guest .room-guest .box-style .room-guest-list .error-msg-container .error-icon { color: #164A45; } #searchModule .field-room-guest .room-guest .box-style .room-guest-list .error-msg-container .error-text { font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #164A45; } #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .childrenAgeLabel { font-family: eau_sans_book, "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #164A45; } #searchModule .field-room-guest .room-guest .box-style .room-guest-list .children-age-tbl .childrenAgeValue .child-age-dropdown { color: #164A45; } #hdbooking .booking-component #searchModule .field-destination-title { /* font-size: 1.3em; */ display: none; } #hdbooking .booking-component #searchModule .search-button:hover { background: #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input:focus, .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-destination .dest-input-area .dest-input:active { border-color: #164A45; border: 2px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-destination .dest-input-area .input-adjacent-icon { font-size: 20px; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest { width: 38%; } @media (max-width: 992px) { .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest { width: 100%; } } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-1 { color: #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-2 .disable { color: #C2C7CA; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .room-guest-list .column-3 input.inputField.ng-untouched.ng-pristine.ng-valid { color: #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display { border: 1px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:focus, .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style .selected-room-guest-display:active { border-color: #164A45; border: 2px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule .field-room-guest .room-guest .box-style table.room-guest-list.pSeven.ng-star-inserted { border: 1px solid #164A45; border-top: 0; } .even-brand-bcs #hdbooking .booking-component #searchModule .search-button:hover { background: #164A45; } @media (min-width: 1024px) { .even-brand-bcs #hdbooking .booking-component #searchModule .open-search lib-destination.field-destination { display: block !important; width: 38%; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search lib-destination.field-destination .field-destination-title { display: none; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 38% !important; } } @media (min-width: 1024px) and (max-width: 992px) { .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 100%; } } @media (min-width: 1024px) { .even-brand-bcs #hdbooking .booking-component #searchModule .search-button { margin-top: 29px; } } @media (min-width: 1280px) { .even-brand-bcs #hdbooking .booking-component #searchModule .open-search lib-destination.field-destination { display: block !important; width: 38% !important; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search lib-destination.field-destination .field-destination-title { display: none; } .even-brand-bcs #hdbooking .booking-component #searchModule .open-search .field-datepicker-wrapper { width: 38% !important; } .even-brand-bcs #hdbooking .booking-component #searchModule .search-button { margin-top: 33px; } } .even-brand-bcs #hdbooking .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .checkInDate, .even-brand-bcs #hdbooking .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon .checkOutDate { border: 1px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkInDate, .even-brand-bcs #hdbooking .booking-component #searchModule #datePicker .datepicker-field-container .input-and-icon.brand-outline .checkOutDate { border: 2px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates > div.special-rates { width: 64%; } .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates { width: 60%; } @media (max-width: 992px) { .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates { width: 100% !important; } } .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates .box-style .selected-rate-display { border: 1px solid #164A45; width: 101.2%; } @media (max-width: 992px) { .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates .box-style .selected-rate-display { width: 100%; } } .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates .box-style .selected-rate-display:focus, .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates .box-style .selected-rate-display:active { border-color: #164A45; border: 2px solid #164A45; } .even-brand-bcs #hdbooking .booking-component #searchForm .special-rates .rate-list-container { border: unset; } .bookingcomponent .ihg-bookingclient-footer .bookingclient-footer { font-weight: 700 !important; }