.input-search-widget {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.125rem;
    border: 1px solid var(--ebg-black-color);
    color: var(--ebg-black-color);
    cursor: text;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: 0.75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-search-widget:focus {
    color: var(--ebg-black-color);
    border-color: var(--ebg-primary-color);
    box-shadow: none;
}
.input-search-widget .form-control::placeholder {
    color: var(--ebg-silver-gray-color);
}
.search-widget label .form-control {
    padding: 0;
}
.input-search-widget img.input-icon {
    margin: 0 0.625rem 0.125rem 0;
}
.input-search-widget .prefix {
    color: var(--ebg-silver-gray-color);
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}
.input-search-widget input.form-control, .input-search-widget input.form-control:focus, .input-search-widget input.form-control:active {
    border-radius: 0;
    border: none;
    outline: none;
}
.input-search-widget.input-datepicker {
    padding: 0.75rem 0.5rem;
}
.input-datepicker input, .input-occupants input {
    background: url(/common_resources/tawframework/img/refresh/icons/icon-select-close.svg) right center no-repeat;
    background-size: 1.25rem;
}
.input-search-widget.input-all {
    padding: 0.25rem 0.875rem;
}
.input-search-widget .input-all-destination {
    color: var(--ebg-silver-gray-color);
    font-size: 0.75rem;
    line-height: 1rem;
}
.input-search-widget .input-all-summary {
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.search-widget .input-search-widget {
    flex-direction: column;
    padding: 0.25rem 0.5rem;
}
.search-widget .input-search-widget .prefix {
    align-self: start;
    color: var(--ebg-silver-gray-color);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.125rem;
    white-space: nowrap;
}
.input-datepicker input, .input-occupants input {
    background-position-y: -6px;
}
.search-widget .input-search-destination-wrap {
    width: 100%;
}
.search-inputs {
    flex: 1;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}
.input-search-widget.input-destination {
    flex: 1 1 auto;
}
.search-widget .close-search-button {
    width: 2rem;
    flex: 0 0 auto;
}
.input-search-widget.input-datepicker, .input-search-widget.input-occupants {
    border: 1px solid var(--ebg-black-color);
}
.input-search-widget.input-datepicker, .input-search-widget.input-occupants, .search-widget .hl-search-button {
    width: auto;
    min-width: auto;
    flex: 1;
}
.search-widget .hl-search-button, .search-widget .input-occupants {
    width: 100%;
    min-width: 100%;
}
@media (min-width: 768px) {
    .search-widget .input-occupants {
        width: auto;
        min-width: auto;
    }
}
@media (min-width: 992px) {
    .search-widget .hl-search-button {
        width: auto;
        min-width: auto;
    }
}
@media (min-width: 1025px) {
    .search-inputs {
        gap: 0;
        width: auto;
        flex-wrap: unset;
    }
    .input-search-widget.input-datepicker {
        width: 168px;
        min-width: 168px;
        flex: unset;
    }
     .input-search-widget.input-occupants {
        width: 100%;
        min-width: unset;
        flex: unset;
    }
    .search-widget .hl-search-button {
        width: unset;
        min-width: unset;
        flex: 1;
    }
    .search-widget .input-search-widget {
        flex-direction: row;
        padding: 0.75rem 1rem;
    }
    .search-widget .input-search-widget.input-datepicker {
        padding: 0.75rem 0.5rem;
    }
    .search-widget label .form-control {
        padding-left: .25rem;
    }
    .search-widget .input-search-widget .prefix {
        align-self: auto;
        font-size: 0.875rem;
        font-weight: 500;
    }
    .input-datepicker input, .input-occupants input {
        background-position-y: 0;
    }
    .search-inputs {
        flex: unset;
        gap: unset;
    }
    .input-search-widget.rounded-left {
        border-radius: 0.75rem  0 0 0.75rem;
    }
    .input-search-widget.rounded-right {
        border-radius: 0 0.75rem 0.75rem 0;
    }
    .input-search-widget.rounded-all {
        border-radius: 0.75rem;
    }
    .input-search-widget.rounded-none {
        border-radius: 0;
    }
    .search-widget .input-search-widget, .search-widget .hl-search-button {
        margin-bottom: 0 !important;
    }
    .search-widget .hl-search-button {
        margin-left: 1rem;
    }
    .input-search-widget.input-destination {
        flex: unset;
    }
    .input-search-widget.input-datepicker, .input-search-widget.input-occupants {
        border-left: none;
    }
    .search-widget .input-search-destination-wrap {
        width: 500px;
    }
    .input-search-widget.input-occupants {
        width: 400px;
    }
}
.site-refresh .ui-widget.ui-widget-content {
    z-index: 1500 !important;
}
.site-refresh .ui-widget.ui-widget-content.ui-autocomplete {
    scrollbar-width: thin;
    scrollbar-color: var(--ebg-silver-gray-color) transparent;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 1rem 0;
    max-height: 332px;
    border-radius: 0.75rem;
}
.site-refresh .ui-widget.ui-widget-content, .site-refresh .ebg-autocomplete.ui-menu {
    border: none;
    box-shadow: 0 0 1rem var(--ebg-card-shadow);
}
.site-refresh .ebg-autocomplete.ui-menu .ui-menu-item {
    padding: 0.625rem 1rem 0.625rem 2rem;
    border: none;
    text-overflow: unset;
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.site-refresh .ebg-autocomplete.ui-menu li.ui-menu-item:hover {
    background-color: var(--ebg-neutral-8-color);
}
.site-refresh .ebg-autocomplete.ui-menu li.ui-menu-item:hover a {
    text-decoration: none !important;
}
.site-refresh .ebg-autocomplete.ui-menu li.ui-menu-item:last-of-type {
    margin: 0;
}
.ui-widget-content a {
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.site-refresh .ebg-autocomplete.ui-menu .ui-menu-item .secondary-label, .site-refresh .ebg-autocomplete.ui-menu .ui-menu-item .main-label {
    display: inline;
    margin-left: 0;
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.site-refresh .ui-menu-item {
    position: relative;
    padding-left: 1.625rem;
}
.site-refresh .ebg-autocomplete.ui-menu .ui-menu-item a {
    display: block;
    padding-left: 0.5rem;
    position: unset;
    text-decoration: none;
}
.site-refresh .ui-menu .ui-menu-item-wrapper {
    padding: 0;
}
.site-refresh .ui-widget .fa {
    position: absolute;
    left: 1rem;
    width: 1rem;
    height: 1rem;
}
.site-refresh .ui-widget .fa.fa-map-marker:before, .site-refresh .ui-widget .fa.fa-plane:before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
}
.site-refresh .ui-widget .fa.fa-map-marker:before {
    background: url(/common_resources/tawframework/img/refresh/icons/icon-pin.svg) no-repeat;
    background-size: contain;
}
.site-refresh .ui-widget .fa.fa-plane:before {
    background: url(/common_resources/tawframework/img/refresh/icons/icon-fly.svg) no-repeat;
    background-size: contain;
}
.site-refresh .ebg-autocomplete.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: none !important;
    color: var(--ebg-black-color);
    font-weight: 400;
    text-decoration: underline;
    line-height: 1.125rem !important;
}
.site-refresh .ui-datepicker {
    min-width: 280px;
    min-height: 368px;
}
.site-refresh .ui-datepicker .ui-widget-header .ui-datepicker-title {
    padding: 0.5rem;
    min-width: 168px;
    color: var(--ebg-black-color);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.125rem;
}
.site-refresh .ui-datepicker.ui-widget.ui-widget-content {
    box-sizing: border-box;
    padding: 2rem 1rem;
}
.site-refresh .ui-datepicker.ui-widget .ui-datepicker-header {
    margin-bottom: 1.25rem;
    padding: 0;
}
.site-refresh .ui-datepicker.ui-widget table {
    margin: 0;
}
.site-refresh .ui-datepicker .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-refresh .ui-datepicker .ui-datepicker-prev span, .site-refresh .ui-datepicker .ui-datepicker-next span {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    left: unset;
    top: unset;
}
.site-refresh .ui-datepicker .ui-datepicker-prev {
    left: 1px;
}
.site-refresh .ui-datepicker .ui-datepicker-next {
    right: 1px;
}
.site-refresh .ui-datepicker .ui-state-hover, .site-refresh .ui-datepicker.ui-widget-content .ui-state-hover, .site-refresh .ui-datepicker .ui-widget-header .ui-state-hover, .site-refresh .ui-datepicker .ui-state-focus, .site-refresh .ui-datepicker.ui-widget-content .ui-state-focus, .site-refresh .ui-datepicker .ui-widget-header .ui-state-focus, .site-refresh .ui-datepicker .ui-button:hover, .site-refresh .ui-datepicker .ui-button:focus {
    background-color: transparent;
    border-color: transparent;
}
.site-refresh .ui-datepicker.ui-widget .ui-datepicker-prev, .site-refresh .ui-datepicker.ui-widget .ui-datepicker-next {
    display: flex;
    align-items: center;
    top: unset;
    width: 1rem;
    height: 1rem;
}
.site-refresh .ui-datepicker.ui-widget span.ui-icon, .site-refresh .ui-datepicker.ui-widget .ui-state-disabled span.ui-icon {
    background-size: 0.875rem;
}
.site-refresh .ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
    background: url(/common_resources/tawframework/img/refresh/icons/icon-arrow.svg) center no-repeat transparent;
    transform: rotate(180deg);
}
.site-refresh .ui-datepicker .ui-state-disabled .ui-icon.ui-icon-circle-triangle-w, .site-refresh .ui-datepicker .ui-state-disabled .ui-icon.ui-icon-circle-triangle-e {
    opacity: 0.5;
}
.site-refresh .ui-datepicker .ui-state-disabled, .site-refresh .ui-datepicker .ui-widget-content .ui-state-disabled, .site-refresh .ui-datepicker .ui-widget-header .ui-state-disabled {
    opacity: 1;
}
.site-refresh .ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
    background: url(/common_resources/tawframework/img/refresh/icons/icon-arrow.svg) center no-repeat transparent;
}
.site-refresh .ui-datepicker table.ui-datepicker-calendar {
    border-collapse: separate;
    border-spacing: 0;
}
.site-refresh .ui-datepicker table.ui-datepicker-calendar, .site-refresh .ui-datepicker table.ui-datepicker-calendar a {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
}
.site-refresh .ui-datepicker table.ui-datepicker-calendar tbody tr:first-child td {
    border-top: 0.5rem solid white;
  }
.site-refresh .ui-datepicker.ui-widget td span, .site-refresh  .ui-datepicker.ui-widget td a {
    height: auto;
    padding: 0.25rem 0 1.5rem 0.25rem;
}
.site-refresh .ui-datepicker .ui-state-default, .site-refresh .ui-datepicker.ui-widget-content .ui-state-default, .site-refresh .ui-datepicker .ui-widget-header .ui-state-default, .site-refresh .ui-datepicker .ui-button, .site-refresh .ui-datepicker .ui-button.ui-state-disabled:hover, .site-refresh .ui-datepicker .ui-button.ui-state-disabled:active {
    border: 1px solid var(--ebg-neutral-1-color);
    border-radius: 0.5rem;
    background-color: white;
    color: var(--ebg-key-black-color);
}
.site-refresh .ui-datepicker.ui-widget .ui-state-highlight, .site-refresh .ui-datepicker.ui-widget.ui-widget-content .ui-state-highlight, .site-refresh .ui-datepicker.ui-widget.ui-widget-header .ui-state-highlight {
    border: 1px solid var(--ebg-neutral-1-color);
    background-color: white;
    color: var(--ebg-key-black-color);
}
.site-refresh .ui-datepicker.ui-widget .ui-state-disabled .ui-state-default {
    color: var(--ebg-silver-gray-color);
}
.site-refresh .ui-datepicker.ui-widget .ui-state-active, .site-refresh .ui-datepicker.ui-widget.ui-widget-content .ui-state-active, .site-refresh .ui-datepicker.ui-widget.ui-widget-header .ui-state-active {
    color: var(--ebg-black-color);
    background-color: var(--ebg-secondary-3);
    border-color: var(--ebg-primary-color);
}
.site-refresh .ui-datepicker.ui-widget .ui-state-highlight:hover, .site-refresh .ui-datepicker .ui-state-default:hover {
    color: var(--ebg-black-color);
    background-color: var(--ebg-secondary-3);
    border-color: var(--ebg-primary-color);
}
@media (hover: none) and (pointer: coarse) {
    .site-refresh .ui-datepicker.ui-widget .ui-state-highlight:hover, .site-refresh .ui-datepicker .ui-state-default:hover {
        border: 1px solid var(--ebg-neutral-1-color);
        border-radius: 0.5rem;
        background-color: white;
        color: var(--ebg-key-black-color)
    }
}
.site-refresh .ui-datepicker-buttonpane.ui-widget-content {
    display: none;
}
.site-refresh .hl-occupant-popup {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.75rem;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    min-width: 240px;
    z-index: 1500;
}
.site-refresh .hl-occupant-number-display, .site-refresh .hl-occupant-heading {
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1rem;
}
.site-refresh .hl-occupant-label, .site-refresh .hl-child-label {
    color: var(--ebg-silver-gray-color);
    font-size: 0.75rem;
    line-height: 1rem;
}
.site-refresh .hl-occupant-popup .hl-upd-room-links a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.4px;
}
.search-widget .hl-occupant-section .select-wrapper {
    width: 88px;
}
.search-widget .hl-occupant-section select.form-control {
    width: 100%;
    min-width: auto;
}
.search-widget .hl-search-error {
    color: var(--ebg-error-color);
    font-size: 0.875rem;
    line-height: 1.125rem;;
}
.search-widget .hl-occupant-number {
    gap: 0 0.75rem
}
.search-widget .hl-occupant-number-subtract {
    border-radius: 0.25rem 0 0 0.25rem;
}
.search-widget .hl-occupant-number-add {
    border-radius: 0 0.25rem 0.25rem 0;
}
.search-widget .hl-occupant-number-subtract, .search-widget .hl-occupant-number-add {
    height: 1.75rem;
    width: 1.75rem;
    background-color: var(--ebg-neutral-2-color);
    cursor: pointer;
}
.site-refresh .hl-search-window-append span {
    color: var(--ebg-black-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.site-refresh .ui-widget-overlay.ui-front {
    background: rgba(0, 0, 0, 0.7);
}
.site-refresh .ui-dialog.ui-alert-dialog.ui-widget.ui-widget-content.ui-front {
    max-width: 288px;
}
.site-refresh .ui-widget-content, .site-refresh .ui-dialog.ui-alert-dialog.ui-widget.ui-widget-content.ui-front, .site-refresh .ui-dialog-content.ui-widget-content {
    background: white;
}
.site-refresh .ui-dialog.ui-alert-dialog.ui-widget.ui-widget-content.ui-front, .site-refresh .ui-dialog-content.ui-widget-content {
    border-radius: 1rem;
    width: 100%;
}
.site-refresh .ui-dialog-content.ui-widget-content {
    padding: 1rem;
    height: auto !important;
}
.site-refresh .ui-alert-dialog .ui-dialog-content {
    padding: 1.5rem;
}
.site-refresh .ui-alert-dialog .ui-dialog-content.ui-widget-content .body img {
    display: none;
}
.site-refresh .ui-alert-dialog .ui-dialog-content.ui-widget-content .body {
    flex-direction: column;
}
.site-refresh .ui-alert-dialog .ui-dialog-content.ui-widget-content .body h3 {
    margin-bottom: 1rem;
    color: var(--ebg-key-black-color);
    text-align: center;
}
.site-refresh .ui-alert-dialog .ui-dialog-content.ui-widget-content .body p {
    margin: 0;
    color: var(--ebg-silver-gray-color);
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.site-refresh .ui-dialog-content.ui-widget-content a.medium_blue_button {
    font-size: 0.875rem;
    letter-spacing: 0.4px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    border: 1px solid var(--ebg-primary-color);
    border-radius: 2rem;
    background-color: white;
    border: 1px solid var(--ebg-primary-color);
    color: var(--ebg-primary-color);
    white-space: nowrap;
    padding: 0.8125rem 1.5rem;
    line-height: 1;
}
.site-refresh .ui-dialog-content.ui-widget-content a.medium_blue_button:hover {
    background-color: white;
    background-color: var(--ebg-primary-light-color);
    border: 1px solid var(--ebg-primary-color);
} 
.site-refresh .ui-dialog-content.ui-widget-content a.medium_blue_button:focus, .site-refresh .ui-dialog-content.ui-widget-content a.medium_blue_button:active {
    background-color: var(--ebg-primary-dark-highlight);
    border: 1px solid var(--ebg-primary-color);
}
.site-refresh .ui-dialog-content.ui-widget-content .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    color: transparent;
    background: url(/common_resources/tawframework/img/refresh/icons/icon-close.svg) center no-repeat;
}
.site-refresh .ui-dialog-content.ui-widget-content .body {
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
    color: var(--ebg-black-color);
    font-size: 1.125rem;
}
.site-refresh .ui-dialog-content.ui-widget-content .foot {
    display: flex;
    justify-content: center;
}
@media(min-width: 576px) {
    .site-refresh .ui-dialog.ui-alert-dialog.ui-widget.ui-widget-content.ui-front {
        padding: 0;
        max-width: 516px;  
    }
    .site-refresh .ui-alert-dialog .ui-dialog-content.ui-widget-content .body p {
        font-size: 1rem;
        line-height: 1.25rem;
    }
}