/* Theme */
.tvl-widget {

}
.tvl-search-container {
    /* min-width: 320px; */
    font-family: 'Roboto', 'Lato', sans-serif;
}
.tvl-search-container.full-size {
    width: 100%;
}

.tvl-widget .checkpill input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.tvl-widget .checkpill input[type="checkbox"]:checked:after {
    content: " ";
    background-color: #fff;
    display: block;
    width: 12px;
    height: 8px;
    visibility: visible;
    background: url('/common_resources/tawframework/img/checkmark-blue.svg') no-repeat 95% 50%;
}

.h-cta-color {
    color: #e8731e;
}

.h-cta-bg-color {
    background-color: #e8731e;
}

.tvl-sc .h-cta-bg-color {
    background-color: #0067A0;
}

a.h-cta-bg-color:hover, button.h-cta-bg-color:hover {
    background-color: #d26519;
}

.tvl-sc button.h-cta-bg-color:hover {
    background-color: rgba(0, 124, 176, 1);
}

a.h-cta-bg-color:active, button.h-cta-bg-color:active {
    background-color: #c16019;
}

.h-primary-color {
    color: #0d6eb7;
}

a.h-primary-color:hover, button.h-primary-color:hover {
    color: #0a64a7;
}

a.h-primary-color:active, button.h-primary-color:active {
    color: #095893;
}

.h-primary-bg-color {
    background-color: #0d6eb7;
}

.h-secondary-color {
    color: #417843;
}

.h-secondary-bg-color {
    background-color: #417843;
}

.h-text-dark-color {
    color: #444444;
}

.h-text-dark-bg-color {
    background-color: #353535;
}

.h-text-color {
    color: var(--ebg-silver-gray-color);
}

.h-text-bg-color {
    background-color: #606060;
}

.h-text-light-color {
    color: #898989;
}

.h-text-light-bg-color {
    background-color: #898989;
}

.h-text-lighter-color {
    color: #e0e3e9;
}

.h-text-lighter-bg-color {
    background-color: #e0e3e9;
}

.h-white-color {
    color: #fff;
}

.h-white-bg-color {
    background-color: #fff;
}

.h-back-color {
    color: #fff;
}

.h-back-bg-color {
    background-color: #fff;
}

.h-back-dark-color {
    color: #f7f8fa;
}

.h-back-dark-bg-color {
    background-color: #f7f8fa;
}

.h-text-sm, .h-text-sm * {
    font-size: 11px;
    line-height: 13px;
}

.h-text-md, .h-text-md * {
    font-size: 14px;
    line-height: 16px;
}

.h-text-lg, .h-text-lg * {
    font-size: 17px;
    line-height: 19px;
}

.h-text-xl, .h-text-xl * {
    font-size: 22px;
    line-height: 24px;
}

/* Travel Landing */

.hl-search-under-container {
    margin-top: 40px;
}

.tvl-search-bg {
    background: #fff url("/common_resources/tawframework/img/hotel-background.jpg") no-repeat top center;
}

.tvl-full-size .tvl-search-window {
    height: 345px;
}

.hl-search-panel, .rc-search-panel, .pkg-search-panel {
    margin: 20px 0 0 0;
    clear: both;
}

.tvl-full-size .hl-search-panel, .tvl-full-size .flight-search-panel {
    margin: 0;
}

.tvl-full-size .rc-search-panel {
    margin: 0;
}

.tvl-full-size .pkg-search-panel {
    margin: 0;
    height: auto;
    padding-bottom: 25px;
}

.hl-search-panel, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel {
    background: var(--ebg-light-primary-color, #E9EBFC);
    border: 1px solid var(--ebg-primary-color, #2537E2);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 24px;
    border-top-right-radius: 16px;
}

.tvl-search-bg.tvl-bg-hotels {
    background: #fff url("/common_resources/tawframework/img/hotels-background.jpg") no-repeat top center;
    background-size: cover;
}

.tvl-search-bg.tvl-bg-vacation-rentals {
    background: #fff url("/common_resources/tawframework/img/vacation-rentals-background.jpg") no-repeat top center;
    background-size: cover;
}

.tvl-search-bg.tvl-bg-rental-cars {
    background: #fff url("/common_resources/tawframework/img/rental-cars-background.jpg") no-repeat top center;
    background-size: cover;
}

.tvl-search-bg.tvl-bg-flights {
    background: #fff url("/common_resources/tawframework/img/flights-background.jpg") no-repeat top center;
    background-size: cover;
}

.tvl-search-bg.tvl-bg-packages {
    background: #fff url("/common_resources/tawframework/img/packages-background.jpg") no-repeat top center;
    background-size: cover;
}

.tvl-search-bg.tvl-bg-cruises {
    background: #fff url("/common_resources/tawframework/img/cruises-background.jpg") no-repeat top center;
    background-size: cover;
}

.sams .header-submenu-container {
    display: none;
}

.tvl-search-heading {
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 24px;
    display: flex;
    align-content: center;
    justify-content: center;
    color: var(--ebg-black-color);
    padding-right: 15px;
    padding-left: 15px;
}

.tvl-disclaimer-top-cities {
    font-size: 13px;
    margin-top: 8px;
    color: #444;
}

.tvl-search-heading h2 {
    margin-bottom: 0;
    align-self: center;
}



.tvl-search-heading a {
    color: #0066cc !important;
    font-weight: 700 !important;
    font-size: revert;
}

.tvl-full-size .hl-search-panel,
.tvl-full-size .rc-search-panel {
    height: 350px;
}

.tvl-full-size .htl-search-controls, .tvl-full-size .rc-search-controls, .tvl-full-size .pkg-search-controls, .tvl-full-size .cruise-search-controls {
    clear: both;
}

.htl-search-controls, .rc-search-controls, .pkg-search-controls, .cruise-search-controls {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    row-gap: 24px;
}

.htl-search-controls .t-icon {
    float: none;
}

.htl-search-controls input, .rc-search-controls input, .pkg-search-controls input {
    min-width: 0;
    flex: 2;
    border: none;
    font-weight: normal;
    box-sizing: border-box;
    display: inline-block;
}

.cruise-search-controls input {
    border: none;
    padding: 1.1em 1em 1.1em 2.1em;
    text-align: left;
    height: 1.75em;
    flex: 1 0 auto;
}

.htl-search-control, .hl-search-button, .rc-search-button, .pkg-search-button {
    height: 55px;
    flex: 1 1;
    width: 100%;
}

.tvl-full-size .htl-search-control, .tvl-full-size .hl-search-button,
.tvl-full-size .rc-search-control, .tvl-full-size .rc-search-button,
.tvl-full-size .pkg-search-control, .tvl-full-size .pkg-search-button,
.tvl-full-size .cruise-search-button {
    height: 60px;
}

.htl-search-control, .rc-search-control, .pkg-search-control {
    display: flex;
    flex: 1;
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #90939D;
    background: white;
}

.cruise-search-control {
    margin-bottom: 0.5em;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    display: flex;
    flex: 2;
    flex-direction: column;
    border: 1px solid var(--widget-border-color, #d6d9e1);
}
.hl-search-from {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.hl-search-occupants {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.hl-search-destination, .hl-search-from, .hl-search-to, .hl-search-occupants {
}
.hl-search-to {
    border-left: 0px;
    border-right: 0px;
}

.hl-search-button, .rc-search-button, .pkg-search-button, .generic-search-button, .cruise-search-button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    width: 16.5%;
    font-weight: bold;
    border: 1px solid transparent;
}

.hl-search-destination {
    border-radius: 12px;
    border: 1px solid #90939D;
    background: white;
    flex-basis: 100%;
}

.bts5 .btn.hl-search-button, .bts5 .rc-search-button, .bts5 .pkg-search-button {
    flex: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
}

.cruise-search-button {
    border-radius: 5px;
    width: auto;
    padding: 1em 2em;
}

.cruise-search-button[disabled] {
    opacity: 0.3;
}

.hl-search-occupants {
    flex: 1.5;
    width: auto;
    justify-content: space-between;
    cursor: pointer;
    max-width: 36ch;
}

.pkg-search-occupants {
    flex: 1;
    width: auto;
    justify-content: space-between;
    cursor: pointer;
}

.tvl-info-section {
    vertical-align: top;
}

.tvl-info-window, .tvl-city-window {
    text-align: center;
    margin-bottom: 60px;
}

.tvl-info-section, .tvl-city-section {
    display: inline-block;
}

.tvl-info-section img {
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100%;
}

.tvl-city-section {
    margin: 0 2px;
}

.tvl-city-section a:hover {
    opacity: 0.9;
}

.tvl-info-section {
    text-align: center;
    width: 22%;
    margin: 0;
    padding: 20px;
    text-align: center;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.tvl-info-section:last-child {
    border-right: none !important;
}

.tvl-top-destinations {
    font-weight: bold;
    margin-left: 8px;
    margin-bottom: 20px;
}

.hl-info-text {
    font-weight: bold;
    margin-bottom: 10px;
}

.hl-desc-text {
}

.generic-search-button:hover {
    color: #FFF;
    text-decoration: none;
}

.generic-search-button {
    height: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 25%;
}

.generic-search-controls {
    display: flex;
    justify-content: center;
    padding: 1em 0 3em 0;
}
/* START Occupant Popup selectors  */
.j-hl-occupant-summary {
    margin-left: 8px;
}
.hl-occupant-popup {
    font-size: 14px;
    line-height: 16px;
    background: #ffffff;
    width: 250px !important;
    height: auto;
    position: absolute !important;
    border-radius: 16px;
    font-family: 'Roboto', sans-serif;
    -webkit-box-shadow: 0 6px 25px 0 rgba(3, 8, 33, 0.12);
    box-shadow: 0 6px 25px 0 rgba(3, 8, 33, 0.12);
    -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */
    z-index: 100;
}

.hl-occupant-child div {
    vertical-align: bottom;
    padding-top: 5px;
}

.hl-occupant-section select {
    padding: 3px 3px;
    vertical-align: bottom;
    border: 1px solid #ccc;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    width: 78px;
    background-image: url('/common_resources/tawframework/img/icons/ic_dropdown_arrow.svg');
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.hl-occupant-done {
    text-align: center;
}

.hl-occupant-align {
    margin-top: 24px;
    margin-bottom: 24px;
}

.hl-occupant-room {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hl-occupant-section {
    display: flex;
    justify-content: space-between;
}

.hl-occupant-number, .hl-occupant-number-subtract, .hl-occupant-number-display, .hl-occupant-number-add {
    display: inline-block;
}

.hl-occupant-number {
    background: #f5f6f7;
    border-radius: 6px;
}

.hl-occupant-heading {
    font-weight: bold;
    margin-bottom: -12px;
    color: var(--ebg-black-color);
}

.hl-occupant-number-display {
    font-weight: bold;
    padding: 0 6px;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    background: #fff;
}

.hl-occupant-child {
    margin-top: 20px;
}

.hl-occupant-padding {
    padding: 16px 24px;
}

.hl-occupant-close a {
    text-align: right;
    float: right;
}

.hl-occupant-close:after {
    content: "";
    display: table;
    clear: both;
}

.hl-occupant-label {
    display: inline-block;
    align-self: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.hl-occupant-section select, .hl-occupant-section select option {
    border: 1px solid #D1D5DE;
    border-radius: 12px;
    height: 32px;
    padding: 3px 8px;
}

.hl-occupant-done {
    width: auto;
    letter-spacing: 1px;
    display: block;
    background: #e8731e;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 10px;
    font-size: 11px;
    line-height: 13px;
    border-radius: 3px;
}

.hl-occupant-done, .hl-occupant-done:hover {
    color: #fff !important;
}

.j-hl-occupant-rooms {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.j-hl-occupant-number {
    font-size: 14px;
    line-height: 20px;
}

.hl-occupant-number-add, .hl-occupant-number-subtract {
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
}

.hl-occupant-room-remove:hover, .hl-occupant-room-add:hover {
    color: #095893 !important;
}

.hl-occupant-room-remove, .hl-occupant-room-add {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding-bottom: 4px;
    color: var(--ebg-primary-color) !important;
    border-bottom: 1px solid var(--ebg-primary-color);
}

.hl-occupant-section {
    background-image: url('/common_resources/tawframework/img/icons/hotel-open-dropdown.svg');
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.hl-search-occupants label.htl-search-control-label {
    justify-content: space-between;
}

.hl-occupant-done:hover, .hl-occupant-done:active {
    color: #ffffff;
    text-decoration: none;
}

.hl-occupant-align {
    display: flex;
    justify-content: space-between;
}
/* END Occupant Popup selectors  */

.hl-mobile-search-window {
    display: none;
}

.tvl-why-travel {
    margin-top: 0;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    color: #444;
}

.tvl-sc .tvl-why-travel {
    color: #29385D;
}

.tvl-sc .tvl-info-section img {
    border-radius: 5px;
}
.t-icon.t-icon-left {
    margin-left: 0px;
}
.t-icon.t-icon-right {
    float: right;
    padding: 3px;
    position: relative;
}

.h-float-right {
    float: right;
}

.faux-search-box {
    padding: 4px 0;
    border-radius: 4px;
    position: relative;
    border: 1px solid #ddd;
    overflow: hidden;
}

.faux-search-box input {
    border: none !important;
    background: none !important;
    width: 80%;
}

.search-params {
    width: 1230px;
}

.clear-left {
    clear: left;
}

label.rc-search-control-label,
label.htl-search-control-label {
    display: flex;
    margin: 0;
    padding: 20px 16px;
    width: 100%;
    gap: 4px;
    align-items: center;
    font-weight: normal;
}
label.rc-search-control-label.rc-search-control-date {
    padding: 18px 16px;
}
label.rc-search-control-label.rc-search-control-time {
    padding: 18px 16px;
}
.rc-search-control-time .rc-search-control-display {
    white-space: nowrap;
}
.rc-search-pickup-date, .rc-search-dropoff-date {
    flex: 2;
}
label.rc-search-control-time {
    min-width: 22ch;
}
.htl-search-cta {
    margin-top: 24px;
}
.htl-search-cta .ebg-v2-loyalty-multiplier-banner-container {
    margin-bottom: 0px;
}
.rc-search-control-time select {
    padding-right: 8px;
}
/* =================== loading bar on dialog page =====================================*/

/* START ============== Section Tabs of Travel Widget ==================================*/
.tvl-search-tabs {
    width: 100%;
    display: flex;
}

.bts5 .tvl-search-tabs a {
    width: 140px;
    background: white;
    color: #444444;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: 18px;
    line-height: 24px;
    display: block;
    padding: 22px 0 22px 0;
    border: 1px solid var(--ebg-primary-color, #2537E2);
    /* border-bottom: 0; */
    text-decoration: none;
    text-align: center;
    z-index: 1;
    margin-bottom: -1px;
    margin-left: 0.5%;
}

.tvl-search-tabs a:first-child {
    margin-left: 0;
}

.tvl-search-tabs a:active, .tvl-search-tabs a:hover {
    text-decoration: none;
}

.tvl-search-tabs a img {
    color: #666 !important;
    margin-right: 10px;
    vertical-align: middle;
}

.tvl-search-tabs a.active {
    color: var(--ebg-primary-color, #2537E2) !important;
    font-weight: bold;
    border: 1px solid var(--ebg-primary-color, #2537E2);
    border-bottom: 0px;
    background-color: var(--ebg-light-primary-color, #E9EBFC);
}

.tvl-sc .tvl-search-tabs a.active {
    color: #0067A0 !important;
    border-top-color: #0067A0;
}

.tvl-search-tabs a.active img {
    filter: invert(61%) sepia(63%) saturate(2265%) hue-rotate(341deg) brightness(100%) contrast(84%) !important;
}

.tvl-sc .tvl-search-tabs a img {
    filter: invert(21%) sepia(98%) saturate(2151%) hue-rotate(183deg) brightness(91%) contrast(103%) !important;
}

/* STOP ============== Section Tabs of Travel Widget ==================================*/

#place_name.error, #place_name.error:focus,
#pickup_location.error, #pickup_location.error:focus,
#dropoff_location.error, #dropoff_location.error:focus,
#pkg_origin.error, #pkg_origin.error:focus,
#pkg_destination.error, #pkg_destination.error:focus {
    outline-style: auto;
    outline: 2px solid red !important;
    -moz-outline-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 10px;
}

.hl-search-best-rate-guarantee {
    margin-left: 10px;
    height: 50px;
}

#hotel-vaction-rentals .hotel-title {
    font-weight: 900 !important;
}

#ui-datepicker-div {
    z-index: 2 !important;
}

.hl-search-panel input:read-only {
    opacity: 0.5;
    pointer-events: none;
    cursor: pointer;
}

.vacation-rental-type-filtering-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.vacation-rental-type-filtering {
    user-select: none;
    overflow-y: hidden;
    width: auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    padding-bottom: 1px;
    clear: both;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.vacation-rental-type-filtering::-webkit-scrollbar {
    display: none;
}

.vacation-rental-type {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    border-radius: 30px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding: 16px 25px;
    text-decoration: none;
    margin-right: 16px;
    white-space: nowrap;
    background: #fff;
    color: #000;
}

.vacation-rental-filtering-on, .vacation-rental-filtering-off {
    display: inline-block;
    white-space: nowrap;
}

.vacation-rental-filtering-off .vacation-rental-type:last-child {
    margin-right: 0 !important;
}

.property-type-filtered {
    display: none !important;
}

.vacation-rental-type.selected {
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    background-color: #ededed;
}

.vacation-rental-type:hover {
    background: #f6f6f6;
}

.vacation-rental-type.selected:hover {
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf;
}

.vacation-rental-type:active {
    position: relative;
    top: 1px;
}

.vacation-rental-type-left img, .vacation-rental-type-right img {
    vertical-align: middle;
    height: 100%;
}

.vacation-rental-type-left, .vacation-rental-type-right, .vacation-rental-type-left-mini, .vacation-rental-type-right-mini {
    user-select: none;
    position: absolute;
    z-index: 1;
    width: 60px;
    text-align: center;
    color: #0066b3;
    font-weight: 600;
    font-size: 45px;
    line-height: 100%;
    height: 100%;
    cursor: pointer;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.5);
}

.vacation-rental-type-left, .vacation-rental-type-left-mini {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.vacation-rental-type-right, .vacation-rental-type-right-mini {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.search-panel label.checkpill {
    display: flex;
    padding: 8px 14px 8px 8px;
    background: #fff;
    border: 1px solid #0066B3;
    box-sizing: border-box;
    border-radius: 100px;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    color: #0066B3;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.search-panel label.checkpill.active {
    background: rgba(0, 102, 179, 0.05);
    font-weight: 600;
}

/* rental car panel */
.rc-search-panel .rc-search-control select {
    border: none;
    flex: 1.5;
    font-weight: normal;
    appearance: none;
}

.rc-search-panel .rc-search-controls {
    margin-bottom: 24px;
}

.rc-search-panel .rc-search-pickup-date,
.rc-search-panel .rc-search-dropoff-date {
    width: 18%;
}
.rc-search-panel .rc-search-control.rc-search-age {
    max-width: 30ch;
    border-radius: 12px;
    overflow: hidden;
}
.rc-search-panel .rc-search-origin,
.rc-search-panel .rc-search-pickup-date {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.rc-search-panel .rc-search-destination,
.rc-search-panel .rc-search-dropoff-time {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.htl-search-cta, .rc-search-cta {
    justify-content: space-between;
}
.rc-search-controls.rc-search-cta {
    margin-bottom: 0;
    align-items: end;
}

.ui-menu.ui-widget.ui-autocomplete {
    font-family: 'Roboto', 'Lato', sans-serif;
    font-size: 14px !important;
}

.ui-menu.ui-widget.ui-autocomplete .ui-menu-item.ui-state-active {
}

/* flight panel */
#flight_search .flight-search-panel .flightactive {
    padding: 0px;
}

/* package panel */
.pkg-search-panel > p {
    display: flex;
    clear: both;
    padding: 0 15px;
}

.pkg-search-panel .pkg-search-control:nth-child(3),
.pkg-search-panel .pkg-search-control:nth-child(4) {
    width: 10%;
    flex: 0.8;
}

.pkg-search-panel .pkg-search-controls {
    margin: 15px 0 0 0;
}

.pkg-search-controls.free-cancel {
    justify-content: flex-end;
}

.widget-error {
    color: #e00;
    padding: 5px;
    margin: 6px 15px 0 15px;
    background-color: #ffd7dd;
    border-radius: 5px;
}

.hl-pkg-occupant-msg {
    margin-top: 5px;
}

/* cruise panel */
.tvl-usaa .cruise-search-panel,
.cruise-search-panel .cruise-ov-container {
    padding: 0 1rem 1rem 1rem;
}

.cruise-search-controls.cruise-search-button-container {
    justify-content: flex-end;
    margin-top: 1rem;
}

.cruise-search-control.disabled .c-caret,
.cruise-search-control.disabled .c-icon {
    color: #d6d9e1;
}

.cruise-search-controls.disabled .c-caret {
    display: none;
}

.cruise-search-controls.disabled input {
    background-image: url("data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMDAgMjAwJz48cmFkaWFsR3JhZGllbnQgaWQ9J2ExMicgY3g9Jy42NicgZng9Jy42NicgY3k9Jy4zMTI1JyBmeT0nLjMxMjUnIGdyYWRpZW50VHJhbnNmb3JtPSdzY2FsZSgxLjUpJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyNEREREREQnPjwvc3RvcD48c3RvcCBvZmZzZXQ9Jy4zJyBzdG9wLWNvbG9yPScjREREREREJyBzdG9wLW9wYWNpdHk9Jy45Jz48L3N0b3A+PHN0b3Agb2Zmc2V0PScuNicgc3RvcC1jb2xvcj0nI0RERERERCcgc3RvcC1vcGFjaXR5PScuNic+PC9zdG9wPjxzdG9wIG9mZnNldD0nLjgnIHN0b3AtY29sb3I9JyNEREREREQnIHN0b3Atb3BhY2l0eT0nLjMnPjwvc3RvcD48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNEREREREQnIHN0b3Atb3BhY2l0eT0nMCc+PC9zdG9wPjwvcmFkaWFsR3JhZGllbnQ+PGNpcmNsZSB0cmFuc2Zvcm0tb3JpZ2luPSdjZW50ZXInIGZpbGw9J25vbmUnIHN0cm9rZT0ndXJsKCNhMTIpJyBzdHJva2Utd2lkdGg9JzE1JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzIwMCAxMDAwJyBzdHJva2UtZGFzaG9mZnNldD0nMCcgY3g9JzEwMCcgY3k9JzEwMCcgcj0nNzAnPjxhbmltYXRlVHJhbnNmb3JtIHR5cGU9J3JvdGF0ZScgYXR0cmlidXRlTmFtZT0ndHJhbnNmb3JtJyBjYWxjTW9kZT0nc3BsaW5lJyBkdXI9JzInIHZhbHVlcz0nMzYwOzAnIGtleVRpbWVzPScwOzEnIGtleVNwbGluZXM9JzAgMCAxIDEnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PGNpcmNsZSB0cmFuc2Zvcm0tb3JpZ2luPSdjZW50ZXInIGZpbGw9J25vbmUnIG9wYWNpdHk9Jy4yJyBzdHJva2U9JyNEREREREQnIHN0cm9rZS13aWR0aD0nMTUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgY3g9JzEwMCcgY3k9JzEwMCcgcj0nNzAnPjwvY2lyY2xlPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
}

.cruise-search-control .c-icon {
    position: absolute;
    top: 32%;
    font-size: 14px;
    margin-left: 0.5em;
    color: #e8731e;
}

.cruise-search-control .c-caret {
    position: absolute;
    font-size: 14px;
    top: 32%;
    right: 0;
    margin-right: 0.6em;
}

.cruise-search-control > div {
    display: flex;
}

.cruise-search-panel .widget-error {
    margin-bottom: 10px;
}

.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .multiselect__tags {
    border-color: var(--widget-border-color, #d6d9e1);
    min-height: 60px;
    justify-content: center;
}

.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-icon {
    top: 26px;
}

.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .multiselect__select {
    height: 60px;
}

.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-reset-btn-wrapper .reset,
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-button-wrapper.od-search-button .btn-search {
    height: 60px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
/* START MultiSelect Related CSS Changes. */
.tvl-multiselect-results {
    position: relative;
    padding: 0;
    margin: 0;
}

.tvl-multiselect-results div {
    z-index: 999;
    position: absolute;
    border: 1px solid #DDD;
    background-color: #FFF;
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    max-height: 150px;
    overflow: auto;
    text-align: left;
    width: 100%;
}

.tvl-multiselected-options {
    margin: 0 0.5em;
}

.tvl-multiselected-options li {
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
    color: #FFF;
    border-radius: 4px;
    padding: 0.3em 0.5em;
    margin: 2px 10px 7px 0;
}

.tvl-multiselected-options li a {
    color: #FFF;
    font-weight: 900;
    margin-left: 2px;
    font-size: 13px;
}

.tvl-multiselected-options li a:hover {
    text-decoration: none;
}

.tvl-multiselect-results a, .tvl-multiselect-results a:visited, .tvl-multiselect-results a:focus {
    text-decoration: none !important;
    display: block;
    padding: 0.4em;
    background-color: #FFF;
    color: #353535 !important;
}

.tvl-multiselect-results a.disabled {
    color: #b8b8b8 !important;
}

.tvl-multiselect-results a.disabled:hover {
    background-color: transparent !important;
}

.tvl-multiselect-results a:hover, .tvl-multiselect-results a:active, .tvl-multiselect-results a.selected {
    text-decoration: none !important;
    background-color: #e7dfdf !important;
    color: #FFF;
}
/* START MultiSelect Related CSS Changes. */

/* Using container css in order to have multiple widgets appear as different sizes, and handle responsive designs easier. */
.tvl-search-container {
    container-name: travel_widget;
    container-type: inline-size;
}
@container travel_widget (max-width: 680px) {
    .hl-search-panel, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel {
        border-radius: 0px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    .tvl-search-tabs {
        width: initial;
        display: flex;
        justify-content: flex-start;
        gap: 4px;
    }
    .hl-search-panel, .rc-search-panel {
        padding: 24px 16px;
    }
    .tvl-search-tab-rental-cars {
        white-space: break-spaces;
    }
    .h-desktop-only {
        display: none !important;
    }
    .h-mobile-only {
        display: initial !important;
    }
    .tvl-search-tabs a {
        padding: 8px 8px;
        width: initial;
        max-width: 80px;
        min-width: 70px;
        align-content: center;
        font-size: 14px;
        line-height: 16px;
    }


    /* third party flights css is causing issues with mobile header */
    .hotel-map-pane {
        height: 400px;
    }

    .vacation-rental-type-filtering-container {
        padding: 0 4px;
        width: calc(100% + 32px);
        margin-left: -16px;
    }

    .vacation-rental-type {
        font-size: 12px;
        margin-right: 8px;
    }

    .vacation-rental-type-left-mini {
        width: 26px;
        cursor: default;
    }

    .vacation-rental-type-right-mini {
        width: 26px;
        cursor: default;
    }

    #hotel-vaction-rentals .tabwidget-content {
        width: auto;
    }

    .hl-mobile-no-border-right {
        border-right: none !important;
    }

    .widget-error {
        margin-bottom: 20px;
    }

    .header-breadcrumb {
        margin: 0 20px;
        font-size: 14px;
        line-height: 16px;
        color: #aaa;
    }

    .header-breadcrumb a {
        color: #666 !important;
    }

    .htl-search-controls, .rc-search-controls, .pkg-search-controls, .cruise-search-controls {
        row-gap: 16px;
        column-gap: 4px;
        justify-content: space-between;
    }

    .htl-search-controls input, .rc-search-controls input, .pkg-search-controls input {
        /* padding-left: 0 !important; */
    }

    .rc-search-panel .rc-search-origin,
    .rc-search-panel .rc-search-destination,
    .rc-search-panel .rc-search-pickup-date,
    .rc-search-panel .rc-search-pickup-time,
    .rc-search-panel .rc-search-dropoff-date,
    .rc-search-panel .rc-search-dropoff-time,
    .rc-search-panel .rc-search-destination {
        border-radius: 10px;
    }
    .rc-search-origin .j-rc-search-location,
    .rc-search-destination .j-rc-search-location,
    .hl-search-destination .j-hl-search-destination {
        padding-left: 8px;
    }
    .hl-search-destination .j-hl-search-destination::placeholder {
        padding-left: 0px;
    }
    .rc-search-origin, .rc-search-destination {
        flex-basis: 100%;
    }


    /*#dialogHotelMapView { height: auto !important; background: #fff; }
    #dialog-hotel-filters { display: block; clear: both !important; float: none !important; width: 100% !important; height: auto !important; }
    #googleMap { clear: both !important; display: block; }*/
    .float-right {
        float: right;
    }

    .summary-copy {
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .summary-copy strong, .summary-copy span {
        font-size: 15px;
        line-height: 17px;
    }

    .mobile-you-save-msg {
        position: absolute;
        top: 5px;
        left: 10px;
    }

    .hotel-results table, .hotel-results tbody, .hotel-results tr, .hotel-results td {
        display: block;
    }

    .ui-mobile label, .ui-controlgroup-label {
        display: inline;
    }

    /*.map-view { display: none !important; }*/
    .tvl-full-size .htl-search-control, .tvl-full-size .hl-search-button,
    .tvl-full-size .rc-search-control, .tvl-full-size .rc-search-button,
    .tvl-full-size .pkg-search-button, .tvl-full-size .pkg-search-control,
    .tvl-full-size .cruise-search-button {
        height: auto;
        border: 1px solid #90939D;
        border-radius: 10px;
        width: 100%;
    }
    .bts5 .btn.hl-search-button {
        flex: 1;
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
    }

    .container_16_wide, .container_16, .grid_16 {
        width: auto !important;
    }

    .hl-mobile-search-window {
        display: block;
        width: 250%;
        overflow: hidden;
    }

    .hl-search-panel, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel {
        height: auto !important;
        margin-top: 0 !important;
    }

    .tvl-search-window {
        background: none !important;
        height: auto !important;
    }

    .ui-panel-wrapper {
        margin-top: 3.5em;
    }

    .tvl-search-heading {
        font-size: 16px;
        line-height: 18px;
    }

    .rc-search-panel .rc-search-controls {
        margin-bottom: 16px;
    }

    .hl-search-panel input, .rc-search-panel input, .pkg-search-panel input,
    .rc-search-panel select, .pkg-search-panel select,
    .cruise-search-panel select {
        display: block;
        border: none !important;
        padding-top: 18px;
        font-size: 14px;
        line-height: 18px;
        color: var(--ebg-black-color);
        font-weight: 400;
        border-radius: 10px;
        background: transparent;
    }

    .hl-search-panel input::placeholder {
        padding-left: 8px;
    }
    .j-hl-search-from {
        padding-left: 8px;
    }
    .j-hl-search-to {
        padding-left: 8px;
    }

    .rc-search-panel .rc-search-pickup-date, .rc-search-panel .rc-search-dropoff-date,
    .rc-search-panel .rc-search-pickup-time, .rc-search-panel .rc-search-dropoff-time {
        flex-basis: 45%;
    }
    .rc-search-panel .rc-search-control.rc-search-age {
        /* width: 100%; */
        flex-basis: 100%;
        max-width: none;
    }

    .htl-search-control, .rc-search-control, .pkg-search-control,
    .pkg-search-panel .pkg-search-control:nth-child(3), .pkg-search-panel .pkg-search-control:nth-child(4) {
        display: block;
        width: 100%;
    }

    .htl-search-control-display, .rc-search-control-display, .pkg-search-control-display {
        display: block !important;
        text-align: left;
        margin-top: 0;
        top: 4px;
        position: absolute;
        font-size: 12px;
        line-height: 14px;
    }

    label.rc-search-control-label,
    label.htl-search-control-label {
        font-weight: 500;
        padding: 0;
        padding-bottom: 0px;
        padding-top: 0;
        border-radius: 10px;
    }

    .tvl-full-size .htl-search-controls, .tvl-full-size .rc-search-controls, .tvl-full-size .pkg-search-controls, .tvl-full-size .cruise-search-controls {
        padding: 0;
    }

    .htl-search-control, .rc-search-control, .pkg-search-control {
        border-radius: 10px;
        height: auto;
        margin-bottom: 0;
    }

    .j-hl-occupant-summary {
        display: block;
        width: 100%;
        line-height: 18px;
        text-align: left !important;
        padding-top: 18px;
        color: var(--ebg-black-color);
    }

    .hl-search-button, .rc-search-button, .pkg-search-button, .cruise-search-button {
        display: block;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 10px;
        height: 3em;
    }

    .hl-search-button, .hl-occupant-done, .rc-search-button, .pkg-search-button, .generic-search-button, .cruise-search-button {
        color: #fff !important;
    }

    .generic-search-button {
        font-weight: bold !important;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 10px;
        height: 50px;
    }

    .flight-search-panel .tvl-search-heading, .generic-search-controls {
        padding: 1rem;
    }

    .tvl-info-section {
        width: 40%;
        margin-bottom: 20px;
    }

    .tvl-info-window {
        margin-bottom: 40px;
    }

    .tvl-top-destinations {
        margin-left: 20px;
        font-size: 18px;
        line-height: 20px;
    }

    .tvl-city-window {
        width: 100%;
        height: 92px;
        overflow: scroll;
        white-space: nowrap;
        text-align: left;
        -webkit-overflow-scrolling: touch;
    }

    .hs-show-offers-container {
        z-index: 1;
        width: 100%;
        padding: 5px 20px;
        background: #fff;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .hs-show-offers {
    }

    .tabwidget-content * {
        color: #777;
    }

    #navpanel {
        z-index: 0 !important;
    }

    .h-mobile-only.tvl-search-bg {
        height: 150px;
    }

    .h-mobile-only.tvl-search-bg .tvl-bg-text {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(8px);
    }

    #travel_page .hl-search-panel {
        border: none;
    }

    .pkg-search-panel .pkg-search-controls.pkg-pills {
        display: flex !important;
        justify-content: center;
    }

    .pkg-search-panel > p {
        justify-content: center;
    }

    .pkg-search-panel .checkpill input {
        height: auto;
    }

    #travel_page.tvl-sc .tvl-search-container.full-size, #travel_page .tvl-search-container.full-size {
        margin: 20px auto 40px auto;
    }

    .tvl-why-travel {
        margin-bottom: 25px;
    }

    .tvl-search-heading > img {
        vertical-align: middle;
        font-size: 0;
    }

    #travel_page .tvl-search-window {
        min-height: initial;
    }

    .cruise-search-panel .tvl-search-heading {
        padding: 25px 15px;
    }

    #travel_page.tvl-sc .tvl-bg-banner {
        font-size: 24px;
        padding: 8px 28px;
        line-height: 26px;
    }

    .tvl-sc .h-mobile-only.tvl-search-bg {
        height: 215px;
    }

    .tvl-usaa .cruise-search-panel {
        padding: 0;
    }

    .cruise-search-control {
        margin-bottom: 1em;
    }

    .tvl-multiselected-options {
        margin: 0 0.5em;
    }
    .htl-search-control.hl-search-to, .htl-search-control.hl-search-from {
        flex: 0;
        width: 48%;
    }

    .rc-search-control.rc-search-dropoff-date, .rc-search-control.rc-search-dropoff-time,
    .rc-search-control.rc-search-pickup-date, .rc-search-control.rc-search-pickup-time {
        flex: 1;
    }
    .htl-search-cta {
        margin-top: 9px;
        justify-content: center;
    }
    .htl-search-control.hl-search-occupants {
        flex-basis: 100%;
        max-width: none;
    }
    .rc-search-control-label,
    .htl-search-control-label {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        padding-top: 4px;
        margin-left: 8px;
    }
    .rc-search-control-label .t-icon,
    .htl-search-control-label .t-icon {
        top: 14px;
        margin-right: 4px;
        height: 10px;
        width: 10px;
    }
    .hl-search-occupants .t-icon {
        position: absolute;
        top: 14px;
        right: 4px;
    }
    .rc-search-controls.rc-search-cta {
        margin-bottom: 0;
    }
    .rc-search-panel .rc-search-control select {
        font-weight: 400;
        /* width: 100%; */
    }
    .rc-search-panel .rc-search-age select {
        padding-left: 8px;
    }
    label.rc-search-control-label.rc-search-control-date input {
        padding-top: 18px;
        padding-left: 8px;
    }
    label.rc-search-control-label.rc-search-control-date {
        padding: 0;
    }
    label.rc-search-control-label.rc-search-control-time {
        padding: 0;
    }
    label.rc-search-control-label.rc-search-control-time select {
        padding-left: 8px;
    }
    #rc_find_availability {
        flex: 2;
    }
    .htl-search-control .h-desktop-only.t-icon,
    .rc-search-control .h-desktop-only.t-icon {
        display: none !important;
    }

}

/* Sams */
.not-signed-in-message {
    margin-bottom: 5px;
}

.not-signed-in-button {
    text-align: right;
}

/* Utility */

.hasDatepicker {
    caret-color: transparent !important;
}

.pac-container {
    z-index: 100000;
    -webkit-overflow-scrolling: auto !important;
    -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */
}

.ui-datepicker {
    -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */
}

.t-relative {
    position: relative;
}

.h-floated-right {
    position: absolute;
    right: 4px;
    top: 24px;
    pointer-events: none;
}

.t-icon {
    width: 10px;
    height: 10px;
    border: none;
    padding: 0;
    margin: 0 8px;
    display: inline-block;
    vertical-align: text-bottom;
}
.h-hidden {
    display: none !important;
}

.h-mobile-only {
    display: none;
}

/* Travel Page specific Overrides. for the Main Travel Widget on it's own page. */
#travel_page {
    .tvl-search-container {
        margin-top: 10px;
    }
    .hl-search-panel {
        border-radius: 0;
        margin: 0;
        padding: 30px 16px 30px 16px;
        border: 1px solid #e8e8e8;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .hl-search-panel-slim {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .tvl-search-window {
        height: auto;
        min-height: 245px;
    }
    .tvl-search-container.full-size {
        margin: 80px auto 90px auto;
    }
    &.tvl-sc .tvl-search-container.full-size {
        margin-top: 60px;
    }
    .tvl-full-size .tvl-search-window {
        padding: 0;
        margin: 0;
    }
    .hl-search-panel {
        clear: both;
    }
    .tvl-full-size .hl-search-panel {
        padding: 0 0 15px 0;
        margin: 0;
        height: 185px;
    }
    .hl-search-panel {
        background: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    &.tvl-sc .tvl-bg-banner {
        text-align: center;
        color: #11224B;
        font-size: 40px;
        font-weight: 900;
        padding: 8px 0px;
        background: rgba(255, 255, 255, 0.5);
    }
    &.tvl-usaa .not-signed-in-button {
        margin: 0px auto;
        padding-top: 40px;
    }
}
.hotel-rental-car-widget-container {
    .hotel-rental-car-widget-row {
        display: flex;
        justify-content: center;
        gap: 16px;
    }
    .hotel-rental-car-widget {
        flex: 1 1;
        flex-basis: 60%;
    }
    .hotel-rental-car-widget-image {
        display: flex;
        img {
            flex: 1 1 auto;
            border-radius: 16px;
            aspect-ratio: 3 / 2;
            max-height: 352px;
            align-self: flex-end;
            height: auto;
        }
    }
}
/* XS Size */
@media only screen and (max-width: 767px) {
    .hotel-rental-car-widget-container .tvl-search-container {
        margin-left: -15px;
        width: calc(99.5vw);
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-row {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-image {
        width: 100%;
        display: none;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-image img {
        width: 90vw;
    }
    .site-refresh #hotel_search .hl-loyalty-search-heading {
        display: flex;
        align-items: center;
    }
    .site-refresh #hotel_search .hl-loyalty-search-heading {
    }
    .bts5 .tvl-search-tabs a {
        padding: 8px 4px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        flex-basis: 30%;
        flex-grow: 1;
        padding-top: 12px;
    }
    .site-refresh .ebg_v2-loyalty-multiplier-banner-container .ebg_v2-loyalty-multiplier-banner  .banner-title {
        text-align: left;
    }
    .site-refresh .ebg_v2-loyalty-multiplier-banner-container .ebg_v2-loyalty-multiplier-banner .banner-text {
        text-align: left;
    }
    .ebg_v2-loyalty-multiplier-banner-container {
        margin-bottom: 0;
    }
    .tvl-search-tabs a {
        max-width: 300px;
    }
}
@media only screen and (min-width: 681px) and (max-width: 767px) {
    .htl-search-control.hl-search-occupants .htl-search-control-display {
        display: none !important;
    }
}
/* S Size */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .hotel-rental-car-widget-container .hotel-rental-car-widget-row {
        flex-wrap: wrap;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget {
        flex-basis: 100%;
        width: 100%;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-image {
        width: 100%;
        display: none;
        text-align: center;
    }
    .tvl-full-size .hl-search-panel {
        height: auto;
    }
}
/* Medium Sized */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .hotel-rental-car-widget-container .hotel-rental-car-widget {
        flex-basis: 100%;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-row {
        flex-wrap: nowrap;
    }
    .tvl-full-size .rc-search-panel,
    .tvl-full-size .hl-search-panel {
        height: 340px;
    }
    .rc-search-control-label .t-icon, .htl-search-control-label .t-icon {
        display: none !important;
    }
    .hl-search-occupants .htl-search-control-display {
        display: block !important;
    }
    .bts5 .tvl-search-tabs a {
        max-width: 200px;
    }
    .ebg-v2-loyalty-multiplier-banner-container .ebg-v2-loyalty-multiplier-banner .banner-title {
        align-content: center;
    }
    .hl-search-panel, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel {
        background: var(--ebg-light-primary-color, #E9EBFC);
        border: 0px solid var(--ebg-primary-color, #2537E2);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-right-radius: 16px;
    }
    .tvl-search-window {
        border: 1px solid var(--ebg-primary-color, #2537E2);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-right-radius: 16px;
    }
    .tvl-search-tabs a.active {
        border-bottom: 1px solid var(--ebg-light-primary-color, #E9EBFC);
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) {
    .hotel-rental-car-widget-container .hotel-rental-car-widget {
        flex-basis: 100%;
    }
    .hotel-rental-car-widget-container .hotel-rental-car-widget-row {
        flex-wrap: nowrap;
    }
    .hotel-rental-car-widget-container .tvl-full-size .hl-search-to {
        border-left: 0px;
        border-right: 0px;
    }
    .tvl-full-size .hl-search-panel {
        min-height: 350px;
        height: auto;
    }
}


/*.h-desktop-only { display: block; }*/