@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");

.bvalidator_errmsg em {
    position: relative;
    top: 0;#32d5b6
    left: 0;
    width: max-content;
    height: 24px;
    border-width: 0;
    font-size: 12px;
    padding-top: 5px
}

.pop-up-content-scrool,
.ui-helper-hidden-accessible {
    display: none
}

#divAirSpecialOptionsControl {
    grid-area: sOption;
    margin: 0px -15px 6px;
}

input[type=email],
input[type=password],
input[type=search],
input[type=text],
select,
textarea {
    border-radius: 4px !important;
    border: 1px solid #d9d9d9
}

#divAirCarFlexDates input[type=checkbox],
#divAirFlexDates input[type=checkbox],
#divAirHotelBaggageIncluded input[type=checkbox],
#divAirCarBaggageIncluded input[type=checkbox] {
    float: left;
    margin-right: 4px;
    margin-top: 0;
}

.widget_search .disabled {
    background-color: #eee !important
}

.no-gutter div[class*=col-]:first-child {
    padding-right: 0
}

.no-gutter div[class*=col-]:nth-child(2) {
    padding-left: 0;
}

.min-padding>[class*=col-] {
    padding-right: 1px;
    padding-left: 1px
}

.center,
.mobile-tabs-content .widget-tabs li a {
    text-align: center
}

.widget_search .multidest-flight {
    font-weight: 700;
    font-size: 14px;
    color: #636362
}

.widget_search .product-title,
.widget_search .promocode-btn,
.widget_search .widget-tabs-container label,
b {
    font-weight: 500
}

.widget_search .widget-tabs {
    border-bottom: none !important;
    margin: 0
}

.widget_search .widget-tabs-container {
    overflow: hidden;
    font-family: "Urbanist", serif !important;
}

.widget_search .widget-tab-container {
    background-color: #fff;
    position: relative;
    padding: 20px 0
}

.widget_search .product-title {
    margin: 0 0 10px;
    color: #000;
    font-size: 20px;
    text-align: left;
    line-height: 28px
}

.widget_search .accountcode-input,
.widget_search .air-passengers-input,
.widget_search .airhotel-rooms-input,
.widget_search .bus-passengers-input,
.widget_search .bushotel-rooms-input,
.widget_search .checkindate-input,
.widget_search .checkoutdate-input,
.widget_search .dest-input,
.widget_search .hotel-rooms-input,
.widget_search .org-input,
.widget_search .promocode-input,
.widget_search .special-options-input,
input#txtAirCarNumberPassenger {
    height: 49px;
    background-color: #fff;
    margin-bottom: 0
}

.widget_search .air-passengers-input,
.widget_search .airhotel-rooms-input,
.widget_search .bus-passengers-input,
.widget_search .bushotel-rooms-input,
.widget_search .hotel-rooms-input {
    text-align: right;
    margin-bottom: 0
}

.widget_search .checkindate-label,
.widget_search .checkoutdate-label,
.widget_search .dest-label,
.widget_search .org-label,
.widget_search .promocode-label {
    margin-bottom: 2px
}

.widget_search .form-control[readonly] {
    background-color: #fff
}

.widget_search .checkindate-input,
.widget_search .checkoutdate-input,
.widget_search .dest-input,
.widget_search .promocode-input {
    position: relative;
    padding-left: 2.8rem;
    padding-right: 1.8rem
}

.widget_search .accountcode-input {
    position: relative;
    padding-left: 16px
}

.widget_search .lblDates,
.widget_search .lblPassengers,
.widget_search .lblRooms {
    font-weight: 500;
    color: #333;
    display: inline-block;
    margin-bottom: 0
}

.widget_search .fixColumns100 {
    width: 100%;
    margin-bottom: 8px
}

.widget_search .fixColumns50 {
    width: 50%;
    margin-bottom: 8px
}

.widget_search .fixColumns25 {
    width: 25%;
    margin-bottom: 8px
}

.widget_search .rooms-control {
    position: initial !important
}


.widget_search .icon-input-group {
    position: relative;
    background: #fff;
    border-radius: 30px;
    width: 100%
}

input#txtMobileAutocomplete~i {
    height: 100%;
    margin: 0;
    top: 0;
    display: flex;
    align-items: center;
    left: 11px
}

.widget_search .aMobileAutocompleteCancel .fa {
    color: #fff !important
}

.widget_search .promocode-btn,
.widget_search .promocode-btn:hover,
.widget_search .promocode-btn:visited {
    color: #000;
    text-decoration: none
}

.widget_search .input-icon {
    position: absolute;
    font-size: 16px;
    top: 50%;
    margin-top: -9px
}

.widget_search .input-icon-left {
    left: .8rem
}

.widget_search .input-icon-right {
    left: inherit;
    right: 1.2rem
}

.widget_search .divAirSpecialOptions,
.widget_search .divBusSpecialOptions {
    margin-top: 8px
}

.widget_search .divAirSpecialOpt,
.widget_search .divBusSpecialOpt {
    /* padding: 12px; */
    background-color: #fff;
    border-radius: .2666667em
}

.widget_search .air-multiple-opt,
.widget_search .special-options-select {
    margin-bottom: 10px
}

.widget_search input[type=radio] {
    width: 14px;
    height: 14px;
    background-color: #636362;
    border-radius: 10px;
    margin: 0
}

#divExtraTypes {
    margin-bottom: 6px
}

.widget_search .widget-tabs .fa {
    margin-right: 6px;
    margin-left: 6px
}

.widget_search .widget-tabs>li.active>a,
.widget_search .widget-tabs>li.active>a:focus,
.widget_search .widget-tabs>li.active>a:hover {
    color: #000;
    border: none;
    font-weight: 400;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.widget_search .widget-tabs>li>a:focus,
.widget_search .widget-tabs>li>a:hover {
    background-color: #fff;
    color: #000
}

.promocode-btn .fa {
    color: #636362 !important
}



.widget_search .widget-tabs>li>a:focus .fa,
.widget_search .widget-tabs>li>a:hover .fa {
    color: #32d5b6
}

.widget_search .widget-tabs-container .fa {
    color: #000;
}

.widget_search .widget-tabs>li.active>a .fa,
.widget_search .widget-tabs>li.active>a:focus .fa,
.widget_search .widget-tabs>li.active>a:hover .fa {
    color: #32d5b6;
}

div#divPaxRoomPopup .top-arrow {
    left: 40px
}

div#divPaxRoomPopup .top-arrow .fa {
    color: #a1a1a1
}

.widget_search .widget-tabs-container .icon-input-group .fa {
    color: #32d5b6;
    width: 1.6rem;
    text-align: center
}

input#txtAirCarNumberPassenger {
    text-align: right
}

.widget_search .rooms-control .fa-bed:before,
.widget_search .rooms-control .fa-hotel:before {
    content: "\f236"
}

.widget_search .rooms-control .fa-user:before {
    content: "\f007"
}

.hotel-checkindate .fa-calendar:before {
    content: "\f073"
}

.widget_search .destination-group .fa-map-marker:before {
    content: "\f041"
}

.widget_search .promo-code-group .fa-tag:before {
    content: "\f02b"
}

#divPaxPopup,
#divPaxRoomPopup {
    display: none;
    z-index: 999999 !important
}

.popup-control {
    position: absolute;
    width: 100%;
    height: 50px;
    cursor: pointer;
    z-index: 100
}

.popup-control-btn {
    display: block;
    height: 100%;
    width: 100%
}

.pop-up-control-container {
    width: 253px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 4px;
    background-color: #fff;
    padding: 12px
}

.top-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    top: -18px
}

.pop-up-control-container .pax-label-info p {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0
}

.pop-up-control-container .pax-label-info span {
    color: grey
}

.pop-up-control-container .pax-number-control {
    margin-bottom: 16px
}

.pop-up-control-container .pax-number-block {
    margin-bottom: 14px
}

.pop-up-control-container .room-number-title,
.pop-up-control-container .room-number-title-alt {
    border-bottom: 1px solid #f5f5f5;
    padding-top: 1rem;
    margin-bottom: .8rem
}

.pop-up-control-container .btn-pax-control {
    border-top: 1px solid #aaa
}

.pop-up-control-container .room-number-title-alt {
    border-top: 1px solid #f5f5f5
}

.pop-up-control-container .room-number-title-alt {
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.pop-up-control-container .room-number-title h4,
.pop-up-control-container .room-number-title-alt h4 {
    font-size: 16px;
    color: #888;
    margin: 0;
}

.pop-up-control-container .childrens-age-control {
    padding-top: 10px;
    padding-bottom: 10px
}

.widget_search #divPreload {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .14);
    z-index: 999999;
    text-align: center;
    padding-top: 10%;
    color: #636362
}

.widget_search .divPreload {
    background-color: rgba(0, 0, 0, .4) !important
}

.widget_search .spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto 34px
}

.widget_search #divPreload p {
    color: #636362;
    text-align: center;
    font-weight: 600;
    font-size: 20px
}

.widget_search .double-bounce1,
.widget_search .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #636362;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: 2s ease-in-out infinite sk-bounce;
    animation: 2s ease-in-out infinite sk-bounce
}

.widget_search .double-bounce2,
.widget_search .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.widget_search .sk-fading-circle {
    margin: 100px auto 34px;
    width: 60px;
    height: 60px;
    position: relative
}

.widget_search .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.widget_search .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #636362;
    border-radius: 100%;
    -webkit-animation: 1.2s ease-in-out infinite both sk-circleFadeDelay;
    animation: 1.2s ease-in-out infinite both sk-circleFadeDelay
}

.widget_search .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.widget_search .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.widget_search .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.widget_search .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.widget_search .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.widget_search .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.widget_search .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.widget_search .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.widget_search .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.widget_search .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.widget_search .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.widget_search .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.widget_search .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.widget_search .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.widget_search .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.widget_search .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.widget_search .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.widget_search .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.widget_search .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.widget_search .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.widget_search .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

fieldset.fdsAirTripType.upTripType.upTripType-control {
    display: flex;
    gap: 12px
}

.widget_search .divAirTripTypeMD,
.widget_search .divAirTripTypeOW,
.widget_search .divAirTripTypeRT,
.widget_search .divBusTripTypeOW,
.widget_search .divBusTripTypeRT {
    display: flex;
    align-items: center;
    height: 20px;
    padding-right: 0;
    padding-left: 0;
    width: max-content;
    gap: 3px;
}

.widget_search .divAirTripTypeMD label,
.widget_search .divAirTripTypeOW label,
.widget_search .divAirTripTypeRT label,
.widget_search .divBusTripTypeOW label,
.widget_search .divBusTripTypeRT label {
    margin: 2px 0 0 4px;
    line-height: normal
}

.ui-autocomplete a,
.widget_search .fdsAirTripType label {
    font-size: 12px;
    color:#000;
}

.widget_search .mobile-tabs {
    position: relative;
    overflow: hidden
}

.widget_search .mobile-tabs-nav {
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    background-color: #aaa;
    text-decoration: none;
    padding: 10px;
    width: 28px;
    height: 40px;
    cursor: pointer;
    font-size: 2.1rem;
    text-align: center;
    color: #636362
}

.air-multiple-opt a {
    display: inline-block;
    margin-bottom: 20px;
    background: #005edc;
    padding: 6px;
    border-radius: 7px;
    color: #fff;
}

.widget_search .mobile-tabs-nav span {
    line-height: 0;
    position: absolute
}

a.ui-datepicker-close {
    right: 25px;
    top: 22px;
}

.widget_search .mobile-tabs-prev span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 5px;
    top: 23px
}

.widget_search .mobile-tabs-content {
    overflow-y: scroll
}

.widget_search .ul-mobile-tabs li {
    float: left;
    background-color: #f8f8f8;
    border-right: 1px solid #eee;
    width: 16%
}

.widget_search .ul-mobile-tabs li:first-child {
    margin-left: 0
}

.widget_search .ul-mobile-tabs li:last-child {
    border-right: none !important
}

.widget_search .title-mobile-autocomplete {
    position: relative
}

.widget_search .title-mobile-container {
    margin-bottom: 10px;
    text-align: center;
    background-color: #000;
    border-bottom: 0
}

.hidden-lg.pop-up-title h2,
.widget_search .title-mobile-container h2,
div#divTitleDatePicker h2 {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: .5rem;
    margin-top: 10px;
    color: #fff
}

.hidden-lg.pop-up-title h2,
div#divTitleDatePicker h2 {
    color: #111;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    height: 34px;
    margin-left: 1px;
}

.pop-up-close,
.widget_search .aMobileAutocompleteCancel {
    position: absolute;
    font-size: 2.3rem;
    top: 50%;
    margin-top: -15px;
    right: .6rem;
    color: #111
}

.form-group.form-inline {
    background: #000;
    padding: 8px;
    margin: -10px -15px
}

.form-group.form-inline>.destination-mobile-group,
input#txtMobileAutocomplete {
    border-radius: 20px
}

input#txtMobileAutocomplete {
    border-radius: 20px;
    padding-left: 30px
}

.ui-datepicker-close .fa,
.widget_search .aMobileAutocompleteCancel .fa {
    color: #474747;
    font-size: 2rem;
}

.btnSearch,
.btnSearch:hover {
    color: #000;
    background-color: #32d5b6
}

.widget_search .ui-datepicker-close {
    margin-top: -6px;
    right: 1.6rem
}

.widget_search .input_mobile_autocomplete {
    background-color: #f1f1f2;
    border: none;
    border-radius: 10px;
    height: 34px
}

.pop-up-action {
    padding: 15px 0;
    border-top: 1px solid #f5f5f5
}

.pop-up-action-flex {
    display: flex;
    flex-direction: row-reverse
}

.divRoomChildAge {
    margin-top: 10px
}

.pop-up-control-container select,
.widget_search select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../Images/arrow-down.png) 95% 50% no-repeat
}

.input-mobile-control {
    width: 100%;
    height: 55px;
    position: absolute;
    z-index: 20
}

#divAutoCompleteMobileContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fbfbfb;
    touch-action: none !important;
    z-index: 99999
}

.btnSearch {
    border: none;
    font-size: 16px;
    height: 49px;
    border-radius: 7px;
    font-weight: 600;
    text-transform: capitalize;
    width: 108px;
    max-width: 108px
}

.btnSearch:hover {
    border: 1px solid #32d5b6;
    border: none;
    box-shadow: 0 1.5px 3px -1px
}

.air-add-flight,
.air-remove-flight {
    color: #636362;
    font-weight: 500
}

#ui-datepicker-div a.ui-state-default {
    color: #000;
    font-size: 12px
}

.mobile-tabs-content .widget-tabs li a .fa {
    font-size: 24px
}

#btbClosePaxPopup,
#btnClosePaxRoomPopup {
    background-color: #32d5b6;
    color: #fff;
    border: none
}

#ddlCarTimeDropoff,
#ddlCarTimePickup {
    padding-left: 2.6rem;
    padding-right: .5rem;
    font-size: 12px
}

@media (min-width:1024px) {
    .widget_search .widget-tabs li a {
        padding: 12px 11px 12px 6px;
        background-color: #32d5b6;
        color: #333;
        font-size: 16px;
        border-radius: 6px;
        margin-right: 8px;
        margin-bottom: 6px
    }

    #divCarAirportReturn {
        width: 50%;
        padding-left: 0
    }

    div#divAirHotelSpecialOpt {
        /* margin-left: -15px; */
    }

    #btnCar {
        margin-top: 10px
    }

    div#CarDates,
    div#divAirCities>div:first-child,
    div#divBusCities>div:first-child,
    div#divBusHotelCities>div:first-child {
        margin-left: -15px
    }

    #BtnAir,
    #BtnAirHotel,
    #BtnExtras,
    #BtnHotel,
    .car-btn-control {
        text-align: right;
        margin-right: 0
    }

    #divCarTogglePromoCode {
        margin-top: 5px !important;
        width: 100%;
    }

    .air-multiple-opt a,
    .widget_search .air-multiple-opt {
        margin-bottom: 0
    }

    #CarDates .col-lg-4 {
        padding-left: 0;
        padding-right: 0
    }

    #divAirFlexDates {
        padding-right: 30px;
        padding-left: 0;
        flex-direction: row;
        justify-content: space-between
    }

    div#divAirBaggageIncluded {
        padding: 3px 0
    }

    #divAirHotelBaggageIncluded>div {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
    }

    #divAirHotelBaggageIncluded>div>div,
    #divAirCarBaggageIncluded>div {
        display: flex;
        justify-content: center
    }

    #divAirHotelBaggageIncluded .divAirHotelBaggageIncluded:first-child {
        margin-right: 20px
    }

    #divAirCarFlexDates {
        justify-content: space-between;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 5px
    }
}

@media (max-width:1024px) {

    .ui-datepicker-close .fa,
    .widget_search .aMobileAutocompleteCancel .fa {
        color: #ffffff;
        font-size: 2rem;
    }

    .pop-up-control-container input {
        text-align: center;
    }

    div#CarDates label,
    div#HotelDestination label,
    div#divAirCarCities label,
    div#divAirCarPassengers span,
    div#divAirCities label,
    div#divCarAirportPickup label,
    div#divExtraDates span,
    div#divExtraDestination label,
    div[id*=DatesPassengers] span,
    div[id*=DatesRooms] span {
        /* display: none; */
    }

    div#divAirUpTripType {
        margin-bottom: 15px
    }

    #ddlCarTimeDropoff,
    #ddlCarTimePickup {
        padding-left: 2.2rem
    }

    div#divCarTogglePromoCode,
    div#divHotelTogglePromoCode {
        padding-left: 0;
        margin-top: 10px;
        padding-right: 0
    }

    div#divAirHotelBaggageIncluded>div {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
        margin-bottom: 8px
    }

    .widget_search .product-title,
    div#divAirHotelTogglePromoCode {
        padding-left: 15px
    }

    div#divAirHotelTogglePromoCode {
        margin-bottom: 5px;
        padding-left: 0;
        width: 100%;
    }

    div#divCarChangeReturn .upTripType {
        display: flex;
        align-items: center;
        gap: 3px;
        margin-left: -10px;
    }

    div#divCarChangeReturn label {
        margin-bottom: 0;
    }

    div#BusHotelDatesPassengers,
    div#BusHotelDatesPassengers>div {
        width: 100%;
        padding: 0
    }

    div#divBusHotelCities {
        width: 100% !important
    }

    div#divBusHotelCities>div {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    a.promocode-btn,
    input#txtAirHotelPromoCode {
        width: max-content
    }

    div#divBusCitiesdiv,
    div#divExtraTogglePromoCode {
        width: 100%
    }

    .divCarTogglePromoCodePanel,
    div#divExtraTogglePromoCode {
        padding-left: 5px
    }

    div#NetacticaAirhotel a.promocode-btn,
    div#divAirHotelPromoCode {
        margin-left: -15px
    }

    #divAirHotelSpecialOpt {
        margin-left: -15px;
    }

    [id*="SpecialOpt"] select {
        margin-top: 5px
    }

    a.promocode-btn {
        display: block
    }

    div#divHotelPopUpControl+div,
    div#divHotelPopUpControl+div+div {
        padding: 2px
    }

    .widget_search .widget-tabs li a {
        font-size: 12px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: #706967;
        font-weight: 400;
        border: none !important;
    }

    .widget_search .widget-tabs .fa {
        font-size: 24px;
        margin-right: 6px;
        margin-left: 6px;
        height: 60px;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 #d8d8d8;
        color: #32d5b6
    }

    ul#widget-tabs span {
        width: max-content;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }

    .widget_search .widget-tabs-container .fa {
        margin-right: 4px
    }

    div#HotelDestination {
        padding: 0;
    }

    label#lblMobileAutocomplete {
        color: #fff
    }

    .netsuiteautocomplete {
        overflow: scroll
    }

    div#BtnCar>div {
        width: 100%;
        padding: 0;
        margin-left: 15px
    }

    div#BtnCar {
        display: flex;
        flex-direction: column
    }

    div#NetacticaAirCar>div {
        width: 100%;
    }

    div#NetacticaBus,
    div#NetacticaBusHotel,
    div#NetacticaAirCar {
        padding: 0 30px;
    }

    div#NetacticaAirCar {
        padding-right: 0;
    }

    .product-title.bus-title,
    .product-title.bushotel-title,
    .product-title.aircar-title {
        padding-left: 0;
        margin-bottom: 5px;
    }

    #divBusSpecialOptionsControl,
    div#divBusTogglePromoCode,
    div#divAirCarTogglePromoCode,
    div#divAirCarSpecialOptionsControl {
        margin-left: -30px;
    }

    div#divBusUpTripType {
        margin-bottom: 7px;
    }

    div#divBusHotelTogglePromoCode>div {
        margin-left: -15px;
        margin-bottom: -8px;
    }

    div#AirCarDatesPassengers {
        margin-left: -15px;
    }

    .input-group .form-control:not(:first-child):not(:last-child),
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child) {
        text-align: center;
        padding: 0;
        border: 0 !important;
    }

    #divAirHotelSpecialOptionsControl,
    #divAirSpecialOptionsControl,
    div#divAirCarSpecialOptionsControl,
    div#divBusSpecialOptionsControl {
        width: 250px
    }

    div#divBusSpecialOptionsControl {
        width: 280px
    }

    div#divAirSpecialOptionsControl>div,
    .divAirSpecialOptContent>div>div {
        padding-right: 0;
    }
}

@media(min-width:768px) {
    .widget_search .widget-tab-container {
        padding: 15px 15px 30px;
        border-radius: 8px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.09) !important;
        margin: 3px;
    }

    #divAirHotelSpecialOptionsControl,
    #divAirSpecialOptionsControl,
    div#divAirCarSpecialOptionsControl,
    div#divBusSpecialOptionsControl {
        width: 500px;
    }
}

.col-md-50 {
    width: 50%;
    float: left
}

.col-md-80 {
    width: 80%;
    float: left
}

.col-md-30 {
    width: 30%;
    float: left
}

.col-md-70 {
    width: 70%;
    float: left
}

.col-md-20 {
    width: 20%;
    float: left
}

.col-md-40 {
    width: 40%;
    float: left
}

.col-md-60 {
    width: 60%;
    float: left
}

.col-md-100 {
    width: 100%;
    float: left
}

.pop-up-content .input-group-btn button {
    padding: 9px;
}

div#divAirCarCities {
    margin-left: -15px
}

@media (min-width:768px) {
    #ui-datepicker-div {
        width: 47em !important;
        padding: 2px 8px 10px
    }
}

.ui-widget-header .ui-icon {
    opacity: 60%
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    margin-left: -14px !important;
    margin-top: -7px !important;
}

.ui-datepicker-group.ui-datepicker-group-first {
    padding-right: 10px !important
}

.ui-datepicker-group.ui-datepicker-group-last {
    padding-left: 10px !important
}

#ui-datepicker-div .ui-widget-header {
    background: 0 0 !important;
    height: 40px;
}

table.ui-datepicker-calendar tr th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}


td.undefined.ui-datepicker-today a {
    color: #32d5b6 !important
}

#ui-datepicker-div .ui-state-active a,
#ui-datepicker-div .ui-state-active-from a,
#ui-datepicker-div .ui-state-active-from span,
#ui-datepicker-div .ui-state-active-to a {
    color: #000 !important;
    background: #32d5b6 !important;
    border-radius: 6px
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-state-active-from,
#ui-datepicker-div .ui-state-active-from-to,
#ui-datepicker-div .ui-state-active-to {
    background-color: #e3f2fd !important
}

#ui-datepicker-div a.ui-state-default:hover {
    color: #32d5b6;
    border-radius: 5px;
    background: #000
}

#ui-datepicker-div a.ui-state-default {
    font-weight: 500 !important
}

#ui-datepicker-div .ui-datepicker-calendar th span {
    color: #000 !important;
    font-weight: 600
}

ul#widget-tabs::-webkit-scrollbar {
    width: 0
}

@media (min-width:700px) and (max-width:991px) {

    div#AirHotelDatesRooms>div>div:nth-child(2),
    div#CarDates {
        width: 100%
    }
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    cursor: default;
    z-index: 999999;
    background-color: #fff;
    border: 1px solid #ccc
}

.ui-autocomplete li {
    list-style-type: none !important
}

.ui-autocomplete-loading {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2' d='M12 6.99998C9.1747 6.99987 6.99997 9.24998 7 12C7.00003 14.55 9.02119 17 12 17C14.7712 17 17 14.75 17 12'%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='560ms' from='0,12,12' repeatCount='indefinite' to='360,12,12' type='rotate'/%3E%3C/path%3E%3C/svg%3E") right center no-repeat #fff
}

.ui-autocomplete-input {
    color: #333;
    font-family: "Urbanist", serif !important;
}

* html .ui-autocomplete {
    width: 1px
}

@media (max-width:1024px) {
    div#divAirDates {
        width: 100%;
    }

    #BtnAirHotel,
    #BtnExtras,
    #BtnHotel,
    #divExtraDestination {
        padding: 0
    }

    #BtnAir,
    #BtnAirHotel,
    #BtnExtras,
    #BtnHotel {
        right: 0;
        margin: 0;
        width: 100%;
        bottom: 0;
        margin-left: -15px;
    }

    .widget_search .lblDates,
    .widget_search .lblPassengers,
    .widget_search .lblRooms,
    .widget_search .widget-tabs-container label {
        text-transform: uppercase;
        text-transform: uppercase;
        text-transform: inherit
    }

    .pop-up-main,
    .popup_wrapper {
        top: 0 !important;
        left: 0 !important
    }

    .widget_search .icon-input-group {
        margin-top: 6px
    }

    div#BtnCar div .btn-search-container {
        margin: auto
    }

    a.aMobileAutocompleteCancel i.fa {
        font-size: 1em !important;
        color: #fff
    }

    fieldset.fdsAirTripType.upTripType.upTripType-control {
        margin-left: 30px;
        margin-right: 30px;
        justify-content: space-between;
    }

    ul#widget-tabs {
        display: flex !important;
        width: 100% !important;
        gap: 5px;
        overflow: auto;
    }

    div#divAirFlexDates {
        padding-left: 15px
    }

    div#divAirFlexDates .divAirFlexDates {
        display: none;
    }

    div#divAirBaggageIncluded,
    div#divAirHotelBaggageIncluded {
        margin: 6px 14px
    }

    div#divAirBaggageIncluded {
        margin: 14px
    }

    div#divAirBaggageIncluded .form-group {
        margin-bottom: 0;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    #divAirCarBaggageIncluded label,
    #divAirBaggageIncluded label,
    #divAirHotelBaggageIncluded label {
        margin-bottom: 0;
    }

    [id*="SpecialOpt"] select.special-options-input {
        border-left: 0rem solid #e8e8e800 !important;
        padding: 5px;
    }

    #divAirCarFlexDates input[type=checkbox],
    #divAirFlexDates input[type=checkbox],
    #divAirHotelBaggageIncluded input[type=checkbox],
    #divAirBaggageIncluded input[type=checkbox],
    #divAirCarBaggageIncluded input[type=checkbox],
    input#chkCarChangeReturn {
        margin-top: 0;
    }

    div#divAirHotelBaggageIncluded {
        margin-left: -15px
    }

    a#aMobileTabsNav {
        display: none
    }

    .checkindate-group input {
        padding-left: 28px !important
    }

    #NetacticaExtra,
    #divExtraDates,
    #divExtraDestination {
        width: 100%;
        margin-left: 0
    }

    .widget_search .widget-tabs-container {
        box-shadow: none
    }

    #AirHotelDatesRooms,
    #AireDatesPassengers,
    #HotelDatesRooms,
    #HotelDestination,
    #NetacticaAir div.row:nth-child(5),
    #divAirCities,
    #divAirHotelCities {
        float: none;
        width: 100%;
    }

    .divAirFlexDates,
    .pop-up-title h2 {
        color: #fff !important;
    }

    #BtnBus,
    #BtnBusHotel,
    #BtnExtras {
        margin-top: 10px
    }

    .widget_search .multidest-flight {
        display: block;
        margin-left: -14px;
        margin-bottom: 8px;
        margin-top: 10px
    }

    .hotel-destination .input-icon-left {
        left: .8rem
    }

    .widget_search .accountcode-input,
    .widget_search .air-passengers-input,
    .widget_search .aircar-passengers-input,
    .widget_search .airhotel-rooms-input,
    .widget_search .bus-passengers-input,
    .widget_search .bushotel-rooms-input,
    .widget_search .checkindate-input,
    .widget_search .checkoutdate-input,
    .widget_search .dest-input,
    .widget_search .form-control[readonly],
    .widget_search .hotel-rooms-input,
    .widget_search .org-input,
    .widget_search .promocode-input,
    .widget_search .special-options-input {
        border-radius: 10px;
        border: none;
        height: 50px;
        padding-left: 3rem;
        font-weight: 600
    }

    .widget_search .hotel-rooms-input {
        text-align: left;
        font-style: normal;
        padding-left: 2.8rem
    }

    #divAirCarPassengers,
    #divAirPassengers,
    #divBusDatesPassengers .col-lg-3,
    .fdsBusDetails {
        width: 100%
    }

    .airFlexDates-label {
        display: inline-block !important
    }

    #AirCarDatesPassengers .col-xs-6,
    #AirCarTitle .col-xs-12,
    #AirHotelDatesRooms .col-xs-6,
    #AirHotelTitle .col-xs-12,
    #AirTitle .col-xs-12,
    #AireDatesPassengers .col-xs-6,
    #BtnAir .col-xs-12,
    #BtnAirCar .col-xs-12,
    #BtnAirHotel .col-xs-12,
    #BtnBus .col-xs-12,
    #BtnBusHotel .col-xs-12,
    #BtnExtras .col-xs-12,
    #BusHotelDatesPassengers .col-xs-6,
    #BusTitle .col-xs-12,
    #ExtraTitle .col-xs-12,
    #HotelDatesRooms .col-xs-6,
    #HotelDestination .col-xs-12,
    #HotelTitle .col-xs-12,
    #NetacticaCar .col-xs-5,
    #NetacticaCar .col-xs-7,
    #bushotelTitle .col-xs-12,
    #divAirBaggageIncluded,
    #divAirCarBaggageIncluded,
    #divAirCarCities .col-xs-12,
    #divAirCarFlexDates,
    #divAirCities .col-xs-12,
    #divAirFlexDates,
    #divAirHotelCities .col-xs-12,
    #divAirMultiDestination .col-xs-12,
    #divAirPassengers,
    #divAirUpTripType .col-xs-12,
    #divBusCities .col-xs-12,
    #divBusDatesPassengers .col-xs-6,
    #divBusHotelCities .col-xs-12,
    #divCarAirports .col-xs-12,
    #divExtraDates .col-xs-6,
    #divExtraDestination .col-xs-12,
    .fdsBusTripType .col-xs-6 {
        padding-left: 2px;
        padding-right: 2px
    }

    .lblAirCarDates,
    .lblDates,
    .lblRooms {
        margin-left: -10px
    }

    #divAirMultiDestination .lblDates,
    #divAirMultiDestination .lblRooms {
        margin-left: 0
    }

    .btnSearch {
        max-width: 100%;
        background-color: #32d5b6;
        color: #000;
        border: none;
        font-weight: 400;
        text-transform: capitalize;
        height: 40px;
        font-size: 17px !important;
        border-radius: 8px;
        width: 100%
    }

    .widget_search .accountcode-input,
    .widget_search .air-passengers-input,
    .widget_search .aircar-passengers-input,
    .widget_search .airhotel-rooms-input,
    .widget_search .bus-passengers-input,
    .widget_search .bushotel-rooms-input,
    .widget_search .checkindate-input,
    .widget_search .checkoutdate-input,
    .widget_search .dest-input,
    .widget_search .form-control[readonly],
    .widget_search .hotel-rooms-input,
    .widget_search .org-input,
    .widget_search .promocode-input,
    .widget_search .special-options-input,
    .widget_search input#txtAirCarNumberPassenger {
        border-radius: 10px;
        height: 42px;
        border-left: .7rem solid #e8e8e800 !important;
        font-weight: 400;
        border: none;
        font-size: 15px !important;
        background-color: #f2f5f9;
        box-shadow: none
    }

    .widget_search .widget-tabs-container label {
        display: inline
    }

    .ui-datepicker-multi .ui-datepicker-group {
        margin-top: 12px
    }

    .widget_search .input-icon {
        font-size: 1.5rem
    }

    .widget_search .form-group {
        margin-bottom: 10px;
    }

    .widget_search .divAirHotelBaggageIncluded {
        margin-bottom: 0px;
    }

    #ui-datepicker-div a.ui-state-default {
        font-size: 12px
    }

    .widget_search .accountcode-input,
    .widget_search .air-passengers-input,
    .widget_search .airhotel-rooms-input,
    .widget_search .bus-passengers-input,
    .widget_search .bushotel-rooms-input,
    .widget_search .checkindate-input,
    .widget_search .checkoutdate-input,
    .widget_search .dest-input,
    .widget_search .form-control[readonly],
    .widget_search .hotel-rooms-input,
    .widget_search .org-input,
    .widget_search .promocode-input,
    .widget_search .special-options-input {
        border-radius: 10px;
        border: none;
    }

    input,
    select {
        font-size: 16px !important;
        touch-action: none !important
    }

    .popup_wrapper {
        height: 100% !important
    }

    .pop-up-control-container {
        width: 100% !important;
        height: 100% !important
    }

    .pop-up-main {
        max-height: 100%;
        visibility: visible;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    .pop-up-content {
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        z-index: 5;
        height: 430px;
        overflow-y: scroll;
        padding-top: 15px
    }

    .pop-up-title {
        background-color: #000;
        border-bottom: 2px solid #7b7b7b;
        position: relative;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pop-up-close {
        position: absolute;
        font-size: 2.3rem;
        margin-top: -12px;
        color: #111;
        right: 30px;
        top: 19px
    }

    .pop-up-close:hover {
        text-decoration: none !important;
        color: #000
    }

    #aClosePaxRoomPopup .fa,
    .pop-up-close .fa {
        color: #fff;
    }

    .pop-up-action {
        bottom: 0;
        width: 100%;
        position: fixed;
        z-index: 10;
        background-color: #fff;
        padding: 15px !important
    }

    .pop-up-content-scrool {
        display: block !important
    }

    .no-scroll {
        overflow: hidden
    }

    .widget_search .form-inline .aMobileAutocompleteCancel {
        position: fixed;
        top: 15px;
        right: 20px;
        font-size: 20px
    }

    .widget_search .form-inline .aMobileAutocompleteCancel .fa-x {
        color: #000
    }

    h3#CarTitle {
        padding-left: 0
    }

    .ui-autocomplete {
        border: none;
        position: absolute;
        top: 110px !important;
        cursor: default;
        padding: 5px !important;
        z-index: 999999;
        background-color: #fff;
        left: 5% !important;
        max-height: 600px !important;
        width: 90% !important
    }
    .netsuiteautocomplete{
        max-height: 370px !important;
    }

    .ui-datepicker th {
        padding: .3em !important
    }

    .ui-autocomplete .ui-menu-item {
        border-bottom: 1px solid #eee;
        padding: 8px 0 !important
    }

    .ui-autocomplete .ui-state-focus {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
        background: 0 0 !important
    }

    div#divAirCities,
    div#AireDatesPassengers,
    #BtnAir {
        margin-left: 0;
    }
}

.list-group {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem;
    min-width: 100%
}

.list-group-item {
    display: flex;
    align-items: center;
    padding: .4rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6
}

.item-img {
    margin-right: 15px;
    margin-top: 0
}

.item-img svg {
    fill: currentColor;
    color: #9e9e9e
}

.item-info {
    font-size: .8rem;
    color: #465280
}

.placeName {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.li_preload .placeName {
    color: #aaa
}

.list-group-item:hover,
.list-group-item:not(.li_preload):hover .item-info {
    background-color: #f8f7f7
}

#suggestion_list:hover {
    cursor: pointer
}

.address {
    font-size: 13px;
    color: #9e9e9e;
    line-height: 16px
}

@media (min-width:980px) {
    .widget_search .promocode-input {
        width: 250px !important;
    }

    #divAirUpTripType .col-lg-5:first-child {
        width: 60%
    }

    .widget_search .fdsAirTripType,
    .widget_search .fdsBusTripType {
        margin-left: 15px
    }

    .address {
        width: 375px
    }

    div#AireDatesPassengers {
        margin-left: -15px
    }
}

div.pair {
    float: left;
    width: 100%
}

#sugesstion_containers_desktop {
    list-style: none;
    position: absolute;
    width: 100%;
    z-index: 1000;
    margin-left: 0;
    -webkit-box-shadow: 4px 3px 6px 0 rgb(232 225 232);
    -moz-box-shadow: 4px 3px 6px 0 #e8e1e8;
    box-shadow: 4px 3px 6px 0 rgb(232 225 232);
    border: 1px solid #cacaca;
    top: 0;
    left: 0;
    height: 200px;
    overflow-y: scroll;
    display: none
}

.pair input {
    margin-bottom: 5px !important
}

.netsuiteautocomplete,
.netsuiteautocomplete li {
    margin: 0 !important;
    padding: 0 !important
}

.netsuiteautocomplete {
    list-style: none;
    -webkit-box-shadow: 4px 3px 6px 0 rgb(232 225 232);
    -moz-box-shadow: 4px 3px 6px 0 #e8e1e8;
    box-shadow: 4px 3px 6px 0 rgb(232 225 232);
    border: 1px solid #cacaca
}

.netsuiteautocomplete li.list-group-item {
    border-radius: 0;
    padding: .4rem 1rem !important;
    cursor: pointer
}

ul.ul_preload {
    border-radius: 8px
}

.netsuiteautocomplete li.list-group-item.li_preload {
    border-radius: 8px;
    background-color: #eee;
    min-height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    padding-left: 20px !important;
    color: #aaa
}

.li_preload::after {
    content: "";
    position: absolute;
    left: 16px;
    top: -22px;
    border: 10px solid transparent;
    border-bottom-color: #c5c5c5;
    z-index: -1
}

.bvalidator_errmsg {
    top: -67.9811px !important;
    left: 40px !important
}

.bvalidator_errmsg>em>div>div {
    background: red;
    border-radius: 5px
}

@media (min-width:1025px) {

    #AirHotelDatesRooms,
    #txtCityTo,
    .fdsHotelDetails,
    .pop-up-content p,
    .widget_search .special-options-select label,
    .widget_search .tab-content.widget-tab-container .form-group,
    .widget_search .upTripType,
    .widget_search .widget-tabs li {
        margin-bottom: 0
    }

    .upTripType.upTripType-control {
        display: flex;
        gap: 5px;
    }

    .upTripType.upTripType-control input {
        margin: 0;
    }

    div#divAirCarCities>div:nth-child(2) {
        padding-right: 0;
    }

    div#divAirFlexDates label,
    .divAirHotelBaggageIncluded.form-group label,
    .upTripType.upTripType-control label {
        font-size: 14px !important;
        font-weight: 300 !important;
        margin: 0;
    }

    div#divAirHotelTogglePromoCode>div {
        padding-left: 0;
    }

    div#HotelDestination,
    div#divAirCarCities,
    div#divAirCities,
    div#divAirHotelCities,
    div#divBusCities,
    div#divBusHotelCities,
    div#divExtraDestination {
        grid-area: inout;
        width: 100%
    }

    div#divBusCities>div,
    div#divBusHotelCities>div,
    div#BusHotelDatesPassengers>div:first-child,
    div#divAirCarCities>div,
    div#divAirCarCities {
        padding-right: 0
    }

    div#divBusDatesPassengers>div:first-child {
        padding: 0;
    }

    div#divExtraDestination {
        margin-left: -15px;
        padding-right: 0 !important;
    }

    div#divAirHotelSpecialOptionsControl>div {
        margin-top: 5px;
        width: 500px;
        margin-left: -15px;
    }

    div#BtnAir,
    div#BtnCar,
    div#BtnExtras,
    div#BtnHotel {
        grid-area: search
    }

    div[id*=divAirFlight] {
        float: right
    }

    div#NetacticaAir,
    div#NetacticaExtra,
    div#NetacticaBus {
        display: grid;
        grid-template-columns: 45% 45% 10%;
        grid-template-areas:
            "title title title"
            "options options options"
            "inout date search"
            "option option option"
            "sOption sOption sOption"
            "check check check";
        align-items: flex-end
    }

    div#divAirHotelBaggageIncluded,
    #divBusTogglePromoCode,
    div#divBusHotelTogglePromoCode {
        grid-area: check;
        margin-top: 5px;
    }

    div#divBusHotelTogglePromoCode {
        margin-top: 10px
    }

    div#divBusSpecialOptionsControl {
        grid-area: sOption;
        margin-top: 10px;
    }

    #divBusTogglePromoCode {
        margin-top: 7px;
    }

    div#BtnAirHotel>div,
    div#BtnBusHotel>div {
        padding: 0;
    }

    div#divAirHotelBaggageIncluded {
        grid-area: option;
        margin-top: 7px;
    }

    div#BtnBusHotel,
    div#AireDatesPassengers {
        margin: 0;
    }

    div#NetacticaExtra {
        grid-template-areas:
            "title title title"
            "inout date search"
            "options options options";
    }

    div#divExtraTogglePromoCode {
        grid-area: options;
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0;
    }

    div#AirhotelDatesRooms span,
    div#BusHotelDatesPassengers span,
    div#CarDates label,
    div#HotelDatesRooms span,
    div#HotelDestination label,
    div#NetacticaAir div#AireDatesPassengers span,
    div#NetacticaAir div#divAirCities label,
    div#divAirHotelCities label,
    div#divBusHotelCities label,
    div#divCarAirports label,
    div#divExtraDates span,
    div#divExtraDestination label,
    div#roms span,
    div#AirhotelDatesRooms span,
    div#BusHotelDatesPassengers span,
    div#CarDates label,
    div#HotelDatesRooms span,
    div#HotelDestination label,
    div#NetacticaAir div#AireDatesPassengers span,
    div#NetacticaAir div#divAirCities label,
    div#divAirHotelCities label,
    div#divBusHotelCities label,
    div#divCarAirports label,
    div#divExtraDates span,
    div#divExtraDestination label,
    div#roms span,
    .widget_search .product-title,
    .widget_search .promocode-btn,
    .widget_search .widget-tabs-container label {
        color: #000;
        font-size: 14px;
    }

    div#BusHotelDatesPassengers>div:first-child span {
        margin-left: -15px
    }

    .tab-content.widget-tab-container>div>div>div:first-child {
        grid-area: title
    }

    div#divAirUpTripType,
    div#divBusUpTripType {
        grid-area: options;
        margin-bottom: 7px;
        min-height: 10px
    }

    div#AirCarDatesPassengers,
    div#AirHotelDatesRooms,
    div#AireDatesPassengers,
    div#BusHotelDatesPassengers,
    div#HotelDatesRooms,
    div#divBusDatesPassengers,
    div#divExtraDates {
        grid-area: date;
        width: 100%
    }

    div#divExtraDates {
        margin-left: -15px;
        padding-right: 0;
    }

    div#BusHotelDatesPassengers>div:last-child {
        padding-right: 0;
    }

    div#divAirCarPassengers,
    div#divAirCarDates {
        padding-left: 0
    }

    div#divExtraDates>div>div:last-child {
        margin-left: -15px;
        padding-right: 0;
    }

    div#AirCarDatesPassengers+div {
        grid-area: option;
        margin: 10px 0 15px;
        margin-left: -15px;
    }

    div#divAirCarTogglePromoCode {
        grid-area: check;
        width: 100%;
        margin-top: 5px;
    }

    div#AirCarDatesPassengers+div label {
        margin-bottom: 0 !important;
        font-size: 14px;
    }

    #divAirCarSpecialOptionsControl {
        grid-area: Soption;
        width: 100%;
    }

    div#AireDatesPassengers+div {
        width: 100%;
        grid-area: option;
        margin: 5px 0;
        align-items: center
    }

    div#divAirTogglePromoCode {
        grid-area: check;
    }

    .col-md-60 .col-md-6,
    div#HotelDatesRooms,
    div#divAirDates,
    div#divAirHotelCities,
    div#divAirHotelCities>div>div:last-child,
    div#divAirMultiDestination,
    div#divAirPassengers,
    div#divCarAirportPickup,
    div[id*=DatesPassengers]>div>div>div:last-child,
    div[id*=DatesRooms]:not(#AirHotelDatesRooms)>div>div:last-child {
        padding-left: 0
    }

    div#NetacticaHotel {
        display: grid;
        grid-template-columns: 20% 35% 35% 10%;
        grid-template-areas: "title title title title" "inout date roms search" "option option option option";
        align-items: flex-end
    }

    div#HotelDestination {
        padding-left: 0
    }

    div#roms {
        grid-area: roms;
        width: 100%
    }

    div#BtnHotel {
        width: 100%;
        padding: 0
    }

    div#NetacticaHotel .form-group {
        margin-bottom: 0
    }

    div#BtnAir>div,
    div#BtnAirHotel>div,
    div#BtnBusHotel>div,
    div#BtnExtras>div,
    div#BtnHotel>div {
        padding: 0
    }

    div#NetacticaAirCar,
    div#NetacticaAirhotel,
    div#NetacticaBusHotel {
        display: grid;
        grid-template-columns: 45% 45% 10%;
        grid-template-areas: "title title title" "inout date search" "check check check" "option option option";
        align-items: flex-end
    }

    div#NetacticaAirCar {
        grid-template-areas:
            "title title title"
            "inout date search"
            "option option option"
            "Soption Soption Soption"
            "check check check";
    }

    div#BtnAirCar,
    div#BtnAirHotel,
    div#BtnBus,
    div#BtnBusHotel,
    div#BtnExtras {
        grid-area: search;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0
    }

    .widget_search .rooms-control>div {
        padding-left: 3px;
        padding-right: 8px;
        margin: 0;
    }

    div#divAirHotelBaggageIncluded {
        grid-area: check;
        margin-top: 10px
    }

    div#divAirHotelTogglePromoCode,
    div#divHotelTogglePromoCode {
        grid-area: option;
        padding: 5px 0;
    }

    div#divHotelTogglePromoCode {
        margin-top: 10px
    }

    div#AireDatesPassengers,
    div#BtnBusHotel {
        margin: 0
    }

    div#BtnCar>div:nth-child(2),
    div#divAirCities>div {
        padding-right: 0
    }

    div#divAirMultiDestination {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    #HotelDatesRooms .lblRooms,
    #NetacticaAirhotel .lblDates,
    #NetacticaAirhotel .lblRooms,
    #NetacticaExtra .lblRooms,
    #roms .lblRooms {
        margin-left: -15px
    }

    #divAirFlexDates,
    #divAirCarFlexDates {
        display: none !important;
        margin: 5px 0 0;
        width: max-content;
    }

    #divAirFlexDates>div,
    #divAirCarFlexDates>div {
        display: flex !important;
        margin-right: 7px;
        width: max-content;
        gap: 3px
    }

    #divAirFlexDates input,
    #divAirCarFlexDates input {
        margin-top: 0px !important;

    }

    #divAirCarFlexDates label {
        font-size: 13px !important;
        margin: 0;
    }

    #divAirFlexDates .form-group {
        margin-bottom: 0;
        width: max-content;
    }

    .widget_search .air-multiple-opt,
    div#divAirBaggageIncluded,
    div#divAirCarBaggageIncluded,
    fieldset.fdsBusTripType.upTripType.upTripType-control {
        display: flex;
        column-gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 5px
    }

}

body ul.ui-autocomplete {
    background: #fff;
    border: none
}

body .ui-autocomplete li {
    padding: 7px 0 7px 3px !important;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    background: #fff
}

body .ui-autocomplete li:hover {
    background-color: #e9e9e9ab !important
}

body .ui-autocomplete li a:hover {
    text-decoration: none
}

body ul.ui-autocomplete::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

body ul.ui-autocomplete::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

body ul.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #0080ff
}

.img-input-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.2rem;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.img-input-search img {
    max-width: 17px
}



@media (max-width: 1024px) {
    #widget-tab-container {
        border-radius: 20px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.09);
        margin: 3px;
    }

    .widget_search .widget-tabs .fa {
        height: 48px;
        width: 48px;
        background: #fff;
    }

    .widget_search .widget-tabs-container .fa {
        box-shadow: none;
    }



    ul#widget-tabs {
        display: flex !important;
        padding-bottom: 1.5rem;
        justify-content: center;
    }

    #BtnAir,
    #BtnAirHotel,
    #BtnExtras,
    #BtnHotel {
        margin-left: 0;
    }


    .widget_search .widget-tabs>li.active>a,
    .widget_search .widget-tabs>li.active>a:focus,
    .widget_search .widget-tabs>li.active>a:hover {
        background-color: transparent;
    }

    .widget_search .widget-tabs>li.active>a .fa,
    .widget_search .widget-tabs>li.active>a:focus .fa,
    .widget_search .widget-tabs>li.active>a:hover .fa {
        color: #fff;
        background: #32d5b6;
    }

    .bvalidator_errmsg>em>div>div {
        color: red;
        font-size: 11px;
    }

    .bvalidator_errmsg {
        left: 50px !important;
    }

    #divAirHotelCities>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3)>div:nth-child(1) {
        visibility: visible;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    #divAirHotelCities>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div:nth-child(3) {
        position: absolute;
    }

    .bvalidator_errmsg>em>div>div,
    .bvalidator_errmsg {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .widget_search .widget-tabs>li>a:focus,
    .widget_search .widget-tabs>li>a:hover {
        background-color: transparent;
        color: #000
    }

    .widget_search .widget-tabs>li>a:focus .fa,
    .widget_search .widget-tabs>li>a:hover .fa {
        color: #fff;
        background-color: #32d5b6;
    }
    
}
body ul.ui-autocomplete {
  overflow-y: auto; /* Habilita el scroll vertical */
  scrollbar-width: thin; /* Para Firefox */
  scrollbar-color: black #ededed; /* Color del scroll en Firefox */
}

/* Scrollbar en navegadores WebKit (Chrome, Safari, Edge) */
body ul.ui-autocomplete::-webkit-scrollbar {
  width: 4px; /* Ancho del scroll */
}

body ul.ui-autocomplete::-webkit-scrollbar-track {
  background: #ededed; /* Fondo del track */
}

body ul.ui-autocomplete::-webkit-scrollbar-thumb {
  background: black; /* Color del scroll */
  border-radius: 5px; /* Bordes redondeados */
}

/* Opcional: Efecto hover en el scroll */
body ul.ui-autocomplete::-webkit-scrollbar-thumb:hover {
  background: #333; /* Un negro más claro al pasar el mouse */
}