/* defaults reset */
.WheelsContainer div,
.WheelsContainer span,
.WheelsContainer applet,
.WheelsContainer object,
.WheelsContainer iframe,
.WheelsContainer h1,
.WheelsContainer h2,
.WheelsContainer h3,
.WheelsContainer h4,
.WheelsContainer h5,
.WheelsContainer h6,
.WheelsContainer p,
.WheelsContainer blockquote,
.WheelsContainer pre,
.WheelsContainer a,
.WheelsContainer abbr,
.WheelsContainer acronym,
.WheelsContainer address,
.WheelsContainer big,
.WheelsContainer cite,
.WheelsContainer code,
.WheelsContainer del,
.WheelsContainer dfn,
.WheelsContainer em,
.WheelsContainer img,
.WheelsContainer ins,
.WheelsContainer kbd,
.WheelsContainer q,
.WheelsContainer s,
.WheelsContainer samp,
.WheelsContainer small,
.WheelsContainer strike,
.WheelsContainer strong,
.WheelsContainer sub,
.WheelsContainer sup,
.WheelsContainer tt,
.WheelsContainer var,
.WheelsContainer b,
.WheelsContainer u,
.WheelsContainer center,
.WheelsContainer dl,
.WheelsContainer dt,
.WheelsContainer dd,
.WheelsContainer ol,
.WheelsContainer ul,
.WheelsContainer li,
.WheelsContainer fieldset,
.WheelsContainer form,
.WheelsContainer label,
.WheelsContainer legend,
.WheelsContainer table,
.WheelsContainer caption,
.WheelsContainer tbody,
.WheelsContainer tfoot,
.WheelsContainer thead,
.WheelsContainer tr,
.WheelsContainer th,
.WheelsContainer td,
.WheelsContainer article,
.WheelsContainer aside,
.WheelsContainer canvas,
.WheelsContainer details,
.WheelsContainer embed,
.WheelsContainer figure,
.WheelsContainer figcaption,
.WheelsContainer footer,
.WheelsContainer header,
.WheelsContainer hgroup,
.WheelsContainer menu,
.WheelsContainer nav,
.WheelsContainer output,
.WheelsContainer ruby,
.WheelsContainer section,
.WheelsContainer summary,
.WheelsContainer time,
.WheelsContainer mark,
.WheelsContainer audio,
.WheelsContainer video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--main-font-family);
}

.WheelsContainer div,
.WheelsContainer p {
    color: var(--text-color);
}

.WheelsContainer img {
    max-width: 100%;
    display: block;
}

/* HTML5 display-role reset for older browsers */
.WheelsContainer article,
.WheelsContainer aside,
.WheelsContainer details,
.WheelsContainer figcaption,
.WheelsContainer figure,
.WheelsContainer footer,
.WheelsContainer header,
.WheelsContainer hgroup,
.WheelsContainer menu,
.WheelsContainer nav,
.WheelsContainer section {
    display: block;
}

.WheelsContainer ol,
.WheelsContainer ul {
    list-style: none;
}

.WheelsContainer table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* end default reset */


#WheelsBookingEngineWrapper,
.WheelsContainer {
    line-height: 1;
    --text-color: black;
    --background-color: white;
    --text-light-color: #555;
    --icon-color: #333;
    --menu-background-color: #eee;
    --border-color: lightgray;
    --featured-background-color: #ff5151;
    --button-background-color: #333;
    --button-background-color-hover: #999;
    --button-color: #fff;
    --button-color-hover: #fff;
    --button-secondary-background-color: #999;
    --button-secondary-background-color-hover: black;
    --shadow-color: lightgray;
    --input-background-color: rgb(240, 240, 240);
    --main-font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --oldRate-color: orange;
    --invalid-input-color: red;
    --valid-input-color: green;
    font-family: var(--main-font-family);
    width: 100%;
    height: auto;
    position: relative;
    background-color:  var(--background-color);
    z-index: 1;
}

#WheelsBookingEngineWrapper .wheelsprogressIndicator {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    z-index: 150;
}


#WheelsBookingEngineWrapper .wheelsprogressIndicator>.wheelsprogressindicatorspinner {
    font-size: 35px;
    width: 50px;
    height: 50px;
    margin: auto calc(50% - 25px);
    text-align: center;
}


/* default form elements */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/



.WheelsContainer label {
    margin-bottom: .5em;
    line-height: 1.5em;
}

.WheelsContainer .wbeInputContainerCheck label {
    max-width: calc(100% - 1.5em);
    margin-left: 6px;
}

.WheelsContainer .wbeInputContainerCheck,
.WheelsContainer .wbeInputContainer {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
    width: 100%;
    margin-bottom: 1em;

}

.WheelsContainer .wbeInputContainerCheck {
    position: relative;
    display: block;
    padding-left: 1.5em;
}


    .WheelsContainer .wbeaddressOptionContainerActive .wbeInputContainerCheck,
    .WheelsContainer .wbeaddressOptionContainerActive label {
        margin-bottom: 0;
    } 
.WheelsContainer .wbeaddressOptionContainer .wbeInputContainerCheck label {
    white-space: nowrap;
    overflow-x: hidden;
    display: block;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-width: 100%;
}

.WheelsContainer .wbeInputIcon {
    border: none;
    border-radius: 0;
    color: var(--icon-color);
    background: var(--input-background-color);
    padding: .5em .5em .5em .5em;
    text-align: center;
    white-space: nowrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    margin-right: -1px;

}

.WheelsContainer .wbeInputElement {
    -ms-flex: auto;
    -webkit-box-flex: 1;
            flex: auto;
    padding: 0 6px 0 0;
    background-color: var(--input-background-color);
    border: none;
    height: 54px;
    outline: none;
    min-width: 0px;
}

.WheelsContainer textarea.wbeInputElement {
    padding-top: 6px;

}
.WheelsContainer .wbeInputElementCheck {
    position: absolute;
    margin-left: -1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    color: var(--button-color);
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    outline: none;
    position: relative;
    float: left;
}

.WheelsContainer .wbeInputElementCheck:hover {
    background: var(--text-color);
}

.WheelsContainer .wbeInputElementCheck:checked {
    background: var(--text-color);
}

.WheelsContainer .wbeInputElementCheck:checked::before {
    height: 20px;
    width: 20px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}

.WheelsContainer .wbeInputElementCheck:checked::after {
    background: var(--text-color);
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
/* end default form elements */

/***** SEARCH FORM *****/
#wheelsbookingEnginesearch {
    display: -ms-flexbox;
    position: relative;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#wheelsbookingEnginesearch:in-viewport {
    background:#f00;
}
#wheelsbookingEnginesearch .wbeAddressSection {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

#wbeaddress3Container .wbeInputContainer {
    display: none;
}

#wbeaddress3Container.wbeaddressOptionContainerActive .wbeInputContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media(min-width: 600px) {
    #wheelsbookingEnginesearch .wbeAddressSection {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #wheelsbookingEnginesearch .wbeaddressOptionContainer,
    #wheelsbookingEnginesearch #wbeaddressOptionContainer,
    #wheelsbookingEnginesearch #wbeaddressContainer,
    #wheelsbookingEnginesearch #wbeaddress3Container {
        -ms-flex-preferred-size: 49.5%;
            flex-basis: 49.5%;
        width: 49.5%;
    }

    #wheelsbookingEnginesearch #wbeaddressContainer .wbeInputContainer {
        width: 202%;
    }

    #wheelsbookingEnginesearch #wbeaddressContainer.wbeaddressOptionContainerActive .wbeInputContainer {
        width: 100%;
    }
}

#wheelsbookingEnginesearch .calendarWrapper,
#wheelsbookingEnginesearch .wbeDriverAgeContainer,
#wheelsbookingEnginesearch .wbeCouponContainer {
    -ms-flex-preferred-size: 49.5%;
        flex-basis: 49.5%;
    width: 49.5%;
}

#wheelsbookingEnginesearch .searchClick,
#BookingSearch .wbeBookedButton,
#BookingSearch .wbeBookedButton,
#BookingSearchRes .manageBookBtn,
#wbe_paymentForm .searchClick,
#responseResults .DealInfoBook {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.5em;
    padding: 10px 15px;
    -ms-flex-item-align: self-start;
    -ms-grid-row-align: self-start;
    align-self: self-start;
    border: none;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: none !important;
    color: var(--button-color);
    background-color: var(--button-background-color);
}

#BookingSearchRes #wbemanageCancel{
    background: red;
}

#BookingSearchRes .manageBookBtn{
    margin:  10px 0;
    min-width: 300px;
    max-width: 100%;
    font-size: 16px;
}
    #wheelsbookingEnginesearch .searchClick:hover,
    #BookingSearch .wbeBookedButton:hover,
    #BookingSearch .wbeBookedButton:hover,
    #BookingSearchRes .manageBookBtn:hover,
    #BookingSearchRes #wbemanageBack:hover,
    #BookingSearchRes #wbemanageCancel:hover,
    #wbe_paymentForm .searchClick:hover,
    #responseResults .DealInfoBook:hover {
        color: var(--button-color:hover);
        background-color: var(--button-background-color-hover);
    }

@media(min-width: 1024px) {
    #wheelsbookingEnginesearch {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #wheelsbookingEnginesearch .wbeAddressSection {
        -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
        width: 49%;
    }

    #wheelsbookingEnginesearch .calendarWrapper {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        width: 25%;
        -ms-flex-item-align: start;
            align-self: flex-start;
    }

    #wheelsbookingEnginesearch .wbeDriverAgeContainer,
    #wheelsbookingEnginesearch .wbeCouponContainer {
        -ms-flex-preferred-size: 24.3%;
            flex-basis: 24.3%;
        width: 24.3%;
        -ms-flex-item-align: start;
            align-self: flex-start;
    }

    #wheelsbookingEnginesearch .searchClick {
        -ms-flex-preferred-size: 50.5%;
            flex-basis: 50.5%;
        width: 50.5%;
        line-height: 34px;
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
    }

}
@media(min-width: 1024px) and (max-width: 1300px) {
    .WheelsContainer .wbeInputIcon {
        padding: .5em .15em .5em .25em;
    }
}

/* Address inputs  */

#wbeaddressResults,
#wbeaddressResults2,
#wbeaddressResults3 {
    display: none;
    z-index: 2;
    width: 100%;
    height: auto;
    position: absolute;
    background-color: rgb(252, 252, 252);
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    -webkit-transform: translate(+0%, +54px);
    -ms-transform: translate(+0%, +54px);
            transform: translate(+0%, +54px);
}

#wbeaddressResults2 {
    -webkit-transform: translate(+0%, +54px);
        -ms-transform: translate(+0%, +54px);
            transform: translate(+0%, +54px);
}

#wbeaddressResults3 {
    -webkit-transform: translateY(+54px);
        -ms-transform: translateY(+54px);
            transform: translateY(+54px);
}


#wbeaddressResults i,
#wbeaddressResults2 i,
#wbeaddressResults3 i {
    color: var(--icon-color);
}



#locationResults li {
    list-style: none;
    border-bottom: 0.5px solid var(--border-color);
    cursor: pointer;
    margin: 0;
    height: 54px;
    background-color: var(--background-color);
}

#locationResults li i {
    position: relative;
    line-height: 54px;
    float: left;
    padding-left: .5em;
    font-size: 25px;
    width: 0;
}

#locationResults {
    margin-bottom: 0;
    max-height: 275px;
    overflow-y: auto;
}

#locationResults li span {
    line-height: 54px;
    background-color: unset !important;
    cursor: pointer;
    float: left;
    text-align: left;
    padding-left: 45px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    max-width: calc(100% - 65px);
}

/* end Address inputs  */

/* Date and Time Inputs */

@media(min-width: 600px) {
    #wheelsbookingEnginesearch .wbeDatepickerContainer {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

#wheelsbookingEnginesearch select {
    border: none;
    cursor: pointer;
    padding: 0;
    outline: none;
}

.daterangepicker {
    position: absolute;
    width: calc(100% - 30px);
    margin-top: -.8em;
    -webkit-box-shadow: 3px 3px 3px 3px var(--menu-background-color), 3px 3px 3px 3px var(--menu-background-color), -1px 3px 3px 3px var(--menu-background-color);
    box-shadow: 3px 3px 3px 3px var(--menu-background-color), 3px 3px 3px 3px var(--menu-background-color), -1px 3px 3px 3px var(--menu-background-color);
}

.daterangepicker .drp-calendar {
    width: 100%;
}

.daterangepicker td.start-date {
    border-radius: 14px 0 0 14px;
}

.daterangepicker td.end-date {
    border-radius: 0 14px 14px 0;
}

.daterangepicker .drp-calendar.right,
.daterangepicker .drp-calendar.left {
    padding-left: 5px;
    padding-right: 5px;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    min-width: 30px;
    width: 28px;
    height: 30px;
    line-height: 22px;
    font-size: 16px;
}

@media(min-width: 600px) {
    .daterangepicker {
        position: absolute;
        width: auto;
    }

    .daterangepicker .drp-calendar {
        width: 47.5%;
    }

    .daterangepicker .drp-calendar.right {
        padding-right: 9px;
        padding-left: 0;
    }

    .daterangepicker .drp-calendar.left {
        padding-left: 9px;
        padding-right: 0;
    }

    .daterangepicker .calendar-table td,
    .daterangepicker .calendar-table th {
        min-width: 37px;
        width: 32px;
        height: 37px;
        line-height: 24px;
        font-size: 15px;
    }

}

#wheelsBookingEngineWrapper .calendarContainerFocus {
    -webkit-appearance: none;
    width: 104%;
    max-width: 104%;
    text-align: left;
    float: left;
    cursor: pointer;
    margin-right: -4%;
}

#WheelsBookingEngineWrapper .calendarContainerFocus .wbeInputIcon,
#WheelsBookingEngineWrapper .calendarContainerFocusRight .wbeInputIcon,
#WheelsBookingEngineWrapper .calendarContainerFocus .selectClosedContainer,
#WheelsBookingEngineWrapper .calendarContainerFocusRight .selectClosedContainer,
#WheelsBookingEngineWrapper .selectActiveContainer .wbeInputIcon {
    display: none;
}


#WheelsBookingEngineWrapper .calendarContainerFocus input.calendar,
#WheelsBookingEngineWrapper .calendarContainerFocusRight input.calendar,
#WheelsBookingEngineWrapper .calendarContainerFocus .calendarContainer,
#WheelsBookingEngineWrapper .calendarContainerFocusRight .calendarContainer {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

#WheelsBookingEngineWrapper .calendarContainerFocus input.calendar,
#WheelsBookingEngineWrapper .calendarContainerFocusRight input.calendar {
    cursor: pointer;
    background-color: var(--background-color) !important;
    -webkit-box-shadow: -1px 0 3px 3px var(--menu-background-color);
        box-shadow: -1px 0 3px 3px var(--menu-background-color);
}

#WheelsBookingEngineWrapper .calendarContainerFocusRight input.calendar {
    -webkit-box-shadow: 4px 0 3px 3px var(--menu-background-color);
    box-shadow: 4px 0 3px 3px var(--menu-background-color);
}

#WheelsBookingEngineWrapper .calendarContainerFocus>*,
#WheelsBookingEngineWrapper .calendarContainerFocusRight>* {
    background:var(--button-color);
}

#WheelsBookingEngineWrapper .calendarContainerFocusRight {
    width: 104%;
    text-align: left;
    float: left;
    cursor: pointer;
    margin-left: -4%;
}

/* 2022-05-25 #start */
#WheelsBookingEngineWrapper .selectActiveContainer select,
#WheelsBookingEngineWrapper .selectClosedContainer select {
    -webkit-transition: unset;
    -moz-transition: unset;
}
/* 2022-05-25 #29006284 start */
#WheelsBookingEngineWrapper .selectActiveContainer {
    position: relative;
}

/* 2022-05-25 #29006284 end */


#WheelsBookingEngineWrapper .selectActiveContainer select {
   -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
    box-shadow: 1px 1px 5px 1px var(--shadow-color);
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    width: 100%;
    position: absolute;
    z-index: 80;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    line-height: 54px !important;
    height: 275px;
    max-height: 275px;
    overflow-y: auto;
}


#WheelsBookingEngineWrapper .selectActiveContainer select option {
    cursor: pointer;
    margin: 0;
    height: 54px;
    background-color: unset !important;
    background-color: var(--background-color);
    line-height: 54px !important;
    padding: 20px 15px 0;
    cursor: pointer;
    display: block;
    text-align: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    border-bottom: 0.5px solid var(--border-color);
    color: var(--text-color);
    background: none;
    box-sizing:border-box;
}

#WheelsBookingEngineWrapper .selectActiveContainer select:checked option,
#WheelsBookingEngineWrapper .selectActiveContainer select:focus option:checked {
    border: none;
    color: var(--button-color);
    background-color: var(--button-background-color) !important;
}

#WheelsBookingEngineWrapper .selectActiveContainer select:not(:checked) {
    background-color: var(--background-color);
}

/* end Date and Time Inputs */
;
/* Search form input */
#WheelsBookingEngineWrapper button.searchClick,
#wbe_paymentForm button.searchClick,
#responseResults button.DealInfoBook {
    color: var(--button-color);
    background-color: var(--button-background-color);
    border: none;
    height: 54px;
    cursor: pointer;
    padding: 0;
    outline: none;
}


    #WheelsBookingEngineWrapper button.searchClick:hover,
    #wbe_paymentForm button.searchClick,
    #responseResults button.DealInfoBook:hover {
        color: var(--button-color-hover);
        background-color: var(--button-background-color-hover);
    }

/* booked */

#BookingSearch {
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
    box-shadow: 1px 1px 5px 1px var(--shadow-color);
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 15px;
    display: none;
    padding: 30px 20%;
/*  max-width: 640px;
    padding: 45px;*/
    margin: auto;
}

#BookingSearch h4 {
    padding: 0 0 25px;
    font-size: 1.5em;
    font-weight: bold;
}




#BookingSearchRes:after {
    content: "";
    display: table;
    clear: both;
}
@media(min-width: 1024px){

   #BookingSearchRes .wbeManageBookPriceButtonContainer{        
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

   #BookingSearchRes .wbeManageBookPriceButtonContainer > div{

        max-width: 33.33%;
        -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    }

   #BookingSearchRes .wbeManageBookPriceButtonContainer > div.wbeManageBookButtonCancelContainer{
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
   }

    #BookingSearchRes .manageBookBtn{
        min-width: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #BookingSearchRes #wbemanageResendEmail{
        float: right;
    }
}

/* Results page */

#dealOptions p.priceAnalysisTitle, 
#BookingSearchRes .priceAnalysisTitle {
    text-align: center;
    width: 100%;
    font-size: 22px;
    margin: 20px 0 10px;
}


.wbeDealInclusives {
    margin: 20px 0 0 !important;
}

.wbeDealInclusives,
#featureContainer
    {
    text-align: center;
}

/*
#responseResults div .IncMobCont {
    padding-bottom: 20px;
}*/

#responseResults .cardata p.InclusiveTitles,
#responseResults .cardata p.featureTitle {
    max-width: 50%;
    margin: 5px 15px;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
    line-height: 30px;
}




#responseResults .cardata {
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    margin-bottom: 2.5%;
}

#responseResults .wbeDealImageContainer {
    position: relative;
}

#responseResults .wbeDealInfoContainer {
    padding-top: 10px;
}


#responseResults h3,
#ChargeTitle,
#PackagesTitle, /*2022-05-23 added by Celeste */
#BookingSearchRes .wbeManageBookInfo h3 {
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    line-height: 26px;
}

/*
#featureContainer {
    position: absolute;
    box-shadow: none !important;
    max-width: 70% !important;
    height: auto !important;
    box-sizing: border-box;
    top: 5px;
    right: -10px;
    padding: 10px;
    text-align: center;
    z-index: 5;
    background-color: var(--featured-background-color) !important;
}

.featureTitle {
    color: #fff !important;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    margin: 1% !important;
    float: none !important;
    display: inline;
}*/

.wbeCarFeaturesContainer {
    text-align: center;
    margin: 20px 0;
}


.wbeCarFeaturesContainer p {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
}

.featureInclusive {
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0% !important;
    float: none !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#responseResults .cardata p {
    margin: 5px 0 10px;
    font-size: 15px;
    white-space: nowrap;
}

#responseResults .CarGroupP {
    padding: 0;
    text-align: center;
    line-height: 10px;
    margin-bottom: 15px;
}

#responseResults .wbe_Availability {
    font-weight:400;
}

    #responseResults .wbe_Availability.carAvail{
        color:green;
    }
    #responseResults .wbe_Availability.carOnReq {
        color: orange;
    }

    #responseResults .wbeCarFeaturesContainer p,
    #responseResults .wbeDealInclusives p,
    #responseResults #featureContainer p {
        color: var(--text-light-color);
    }

#responseResults .wbeDealInclusives h6 {
    font-size: 14px;
}

#responseResults h4 {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    padding-bottom: 10px;
}

#responseResults .wbeDaylyPrice {
    font-size: 15px;
    text-align: center;
    padding-bottom: 10px;
}

#responseResults .CarTotalH2 span {
    font-size: .7em;
    line-height: .7em;
    display: block;
    font-weight: normal;
    padding: .2em 0;
}

#responseResults .wbeDealBook {
    margin-top: 20px;
}

#responseResults .wbeDealBook h3 {
    font-size: 16px;
    line-height: 1.2em;
    display: none;
}

#responseResults button.DealInfoBook {
    width: 90%;
    background-color: var(--button-background-color);
    padding: 5px 15px;
    outline: none;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    display: block;
    border: none;
    color: var(--button-color);
    font-weight: bold;
    margin: 20px auto;
    cursor: pointer;
}
#responseResults button.DealInfoBook:hover {
    background-color: var(--button-background-color-hover);
}

@media(min-width:600px) {

    #responseResults .wbeDealInfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #responseResults .wbeDealImageContainer {
        max-width: 33%;
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
        float: left;
        /*transform: translateY(+50%);*/
    }

    #responseResults .wbeDealInfoContainer {
        max-width: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        padding-left: 20px;
        /*transform: translateY(+50%);*/
    }

    #responseResults h3,
    #responseResults .CarGroupP,
    .wbeCarFeaturesContainer,
    .wbeDealInclusives,
    #ChargeTitle,
    #PackagesTitle, /*2022-05-23 added by Celeste */
    #featureContainer,
    #BookingSearchRes .wbeManageBookInfo h3 {
        text-align: left;
        margin: 0;
    }

    #responseResults .cardata p.InclusiveTitles,
    #responseResults .cardata p.featureTitle {
        margin-left: 0;
    }

    #responseResults h3#CarModelH1,
    #responseResults .CarGroupP {
        display: inline-block;
        padding-bottom: 10px;
    }

    #responseResults .wbeDealBook {
        width: 28%;
        padding: 50px 20px 20px;
        -ms-flex-item-align: end;
            align-self: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;

    }

    #responseResults .wbeDealBook * {
        text-align: right;
    }

    #responseResults button.DealInfoBook {
        margin: 0 0 0 auto;
        text-align: center;
    }
}

@media(min-width:1024px) {

    #responseResults .wbeDealImageContainer {
        max-width: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
        /*transform: translateY(+50%);*/
    }

    #responseResults .wbeDealInfoContainer {
        width: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        max-width: 70%;
        /*transform: translateY(+50%);*/
    }

    #responseResults .wbeDealBook {
        width: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    }
}



/***** end SEARCH FORM *****/
/***** NAV BAR *****/

.addressPopup {
    width: 0;
    height: 0;
}

@-webkit-keyframes popup {
    from {
        -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.2, 1.1);
            -ms-transform: scale(1.2, 1.1);
                transform: scale(1.2, 1.1);
    }
}

@keyframes popup {
    from {
        -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.2, 1.1);
            -ms-transform: scale(1.2, 1.1);
                transform: scale(1.2, 1.1);
    }
}


#WheelsBookingEngineWrapper .navigation-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    z-index: -2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

#WheelsBookingEnginenav {
    list-style: none inside;
    margin: 0;
    padding: 0 10px;
    text-align: left;
    width: 100%;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 54px;
}

#WheelsBookingEnginenav>li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    margin: 0 !important;
}

#WheelsBookingEnginenav>li a {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
    /* this is the width of the menu items */
    line-height: 35px;
    /* this is the hieght of the menu items */
    -webkit-transition: width 5s;
    -o-transition: width 5s;
    transition: width 5s;
    color: var(--text-color);
}

#WheelsBookingEnginenav li:hover {
    background: rgb(241, 241, 241);
}

#WheelsBookingEngineWrapper #selection2b {
    padding-left: 15px;
}

#WheelsBookingEngineWrapper #selection3,
#WheelsBookingEngineWrapper #selection4 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    -ms-justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 1.5em;
    font-size: .9em;
}

#WheelsBookingEngineWrapper .bookedli,
#WheelsBookingEngineWrapper .webBackToHomeContainer {
    outline: none;
    text-align: right;
    font-weight: normal;
    width: 100%;
    margin-bottom: 1em;
}
#WheelsBookingEngineWrapper .webBackToHomeContainer {
    display: none;
}

#WheelsBookingEngineWrapper .bookedli:hover {
    background: var(--background-color) !important;
}

#WheelsBookingEngineWrapper a#ManageBooking,
#WheelsBookingEngineWrapper a#wbeManageBack {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: var(--button-color) !important;
    width: auto !important;
    padding: 5px 15px;
    background: var(--button-secondary-background-color);
    margin-left: 20px;
}

#WheelsBookingEngineWrapper a#ManageBooking:hover,
#WheelsBookingEngineWrapper a#wbeManageBack:hover {
    background: var(--button-secondary-background-color-hover);
}

#WheelsBookingEngineWrapper .submenu {
    position: absolute;
    padding: 0;
    margin-top: -35px;
    left: 0;
    width: 0px;
    height: 0px;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    display: none;
}

#WheelsBookingEngineWrapper .submenuFocus {
    position: absolute;
    padding: 0;
    margin-top: -35px;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    background-color: var(--background-color);
    display: block;
    -webkit-animation-name: popup;
            animation-name: popup;
    font-size: smaller;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    z-index: 100;
    text-align: left;
}

#WheelsBookingEngineWrapper .submenuFocus li {
    padding-left: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#WheelsBookingEngineWrapper .submenuFocus li:hover {
    width: 100%;
}

#WheelsBookingEngineWrapper .submenuFocus li a {
    -webkit-animation-name: ContentDisplay;
            animation-name: ContentDisplay;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
}

@-webkit-keyframes Focus {
    from {
        max-height: 0px;
        max-width: 0px;
    }

    to {
        max-height: 600px;
        max-width: 600px;
    }
}

@keyframes Focus {
    from {
        max-height: 0px;
        max-width: 0px;
    }

    to {
        max-height: 600px;
        max-width: 600px;
    }
}

@-webkit-keyframes ContentDisplay {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ContentDisplay {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/***** end NAV BAR *****/





/* Results page */

#wbeFiltersMenu {
    display: none;
    background: var(--menu-background-color);
    padding: 1em 1em;
    margin-bottom: 30px;
}

#FiltersContainer {
    display: none
}

@media(min-width: 1024px) {
    #wbeFiltersMenu {
        float: left;
        width: 19%;
    }

    #FiltersContainer {
        display: block;
    }
}

.WheelsContainer .wbeFiltersMenuHeading {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: .5em;
}

.WheelsContainer .wbeFiltersMenuHeading i {
    float: right;
    padding-top: .2em;
}

#wbeFiltersMenu .filterButton {
    width: 100%;
    padding: 8px 0;
    border: none;
    text-align: left;
    background: none;
    outline: none !important;
}

#wbeFiltersMenu .filterButton i {
    float: right;
}

/*@media(min-width: 1024px){*/
.WheelsContainer #wbeFiltersMenu .wbeInputContainerCheck {
    margin-bottom: 0;
}

/*}*/
@media(min-width: 1024px) {
    #responseResults, #responseResultsFilterContainer { /* 2022-05-11 Changed */
        width: 80%;
        margin-left: 20%;
        /*min-height: 600px;*/
    }
}

/* dealOptions */
#OptionsMenu,#BookingSearchRes .wbeBookingSearchResContainer{
    /*box-shadow: 1px 1px 5px 1px var(--shadow-color);
    margin-bottom: 20px;*/
    border: 1px var(--shadow-color) solid;    
    position: relative;
    min-height:300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
}

#OptionsMenu .wbeDealOptionsSummaryContainer,#BookingSearchRes .wbeManageBookVehicleContainer {
    border-bottom: 1px var(--shadow-color) solid;
    position: relative;
}

#OptionsMenu .wbeDealOptionsSummaryButtonContainer{
    text-align: right;
}
#OptionsMenu #wbeDealOptionsSummaryButtonContainerCar{
    margin-top: -35px;
}
#OptionsMenu  #wbeDealOptionsSummaryButtonContainerExtras{
    display: none;
}

#WheelsBookingEngineWrapper #dealOptions .wbeDealOptionsSummaryButtonContainer button {
    background: none !important;
    color: var(--button-background-color);
    text-decoration: underline;
    text-transform: none;
    font-weight: normal;
    padding: 0 !important;
    margin: 0 0 0!important;
    float: none !important;
    display: inline-block;
    width: auto !important;
    min-width: 0;
    transform: none;
}

#WheelsBookingEngineWrapper #dealOptions #DealPriceDiv button{
    transform: none;
    float: right;
    margin: 10px auto;
}

#OptionsMenu,
#carDataOptionsTemplate {
    width: 100%;
    min-height: 1000px;
    position: relative;
}

#carDataOptionsTemplate {
    margin: 5px 0 0;
}

#OptionsMenu .wbeDealOptionsContent,
#BookingSearchRes .wbeManageBookInfo {
    padding: 10px 10px;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;

}

#OptionsMenu .wbeDealOptionsSummary {
    padding: 0 0 20px 0;
    position: relative;

}

#BookingSearchRes  .wbeManageBookVehicle{
    position: relative;

}

#OptionsMenu .wbeDealOptionsSummaryContainer h5,
#OptionsMenu #DealPriceDiv,
#BookingSearchRes .wbeManageBookVehicle h3,
    #BookingSearchRes .wbeManageBookPriceButtonContainer {
    background: var(--menu-background-color);
    padding: 15px 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}


#OptionsMenu #DealPriceDiv, #BookingSearchRes .wbeManageBookPriceButtonContainer {
    position: -webkit-fixed;
position: -moz-fixed;
position: -o-fixed;
    position: fixed;
    bottom: 0;
    left: 0;    
    padding: 5px 20px;
    width: 100%;
    z-index: 8000;
}
 #BookingSearchRes .wbeManageBookPriceButtonContainer {
    position: -webkit-relative;
    position: -moz-relative;
    position: -o-relative;
    position: relative;
}

#OptionsMenu .wbeDealOptionsSummaryContainer img,
#BookingSearchRes .wbeManageBookVehicle img {
    max-width: 50%;
    margin-top: 5px;
}

#OptionsMenu #DealPriceDiv,
#OptionsMenu #DealPriceDivExtra,
#BookingSearchRes #wbemanagePrice,
#OptionsMenu .wbeDealOptionsPriceContainer h5 {
    text-align: center;
    font-size: 22px;
    line-height: 1.3em;
}

#OptionsMenu .WebString_Text_FinalPrice,
#BookingSearchRes .WebString_Text_FinalPrice {
    display: block;
    font-size: 16px;
    font-weight: normal;
}

#OptionsMenu .wbeDealOptionsSummaryContent, #BookingSearchRes .wbeManageBookVehicleContent {
    padding: 15px 20px;

}

#OptionsMenu .wbeDealOptionsSummaryContent dl,
#OptionsMenu #PriceAnalysis,
#BookingSearchRes .manageBookSummary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#BookingSearchRes .manageBookSummary {
    margin-bottom: 20px;
    border-bottom: 1px var(--shadow-color) solid;
    padding-bottom: 20px;
}
#OptionsMenu .wbeDealOptionsSummaryContent h6 {
    clear: both;
    margin-bottom: 20px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

#OptionsMenu .wbeDealOptionsSummaryContent dt,
#OptionsMenu .wbeDealOptionsSummaryContent dd,
#OptionsMenu .wbeDealOptionsSummaryContent .RightListItem,
#OptionsMenu .wbeDealOptionsSummaryContent .RightListPrice,
#BookingSearchRes .manageBookLabel,
#BookingSearchRes .manageBookItem {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    margin: 0;
    padding: 10px 0 0;
}

#OptionsMenu .wbeDealOptionsSummaryContent dt,
#OptionsMenu .wbeDealOptionsSummaryContent .RightListItem,
#BookingSearchRes .manageBookLabel {
    clear: both;
    padding-right: 10px;
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    font-weight: normal;
    text-transform: capitalize;
}

#BookingSearchRes .manageBookLabel {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
}
#BookingSearchRes .manageBookItem {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
}
#OptionsMenu .wbeDealOptionsSummaryContent .RightListPrice,
#BookingSearchRes .manageBookItem  {
    text-align: right;
}

#ChargeTitle,
#PackagesTitle /*2022-05-23 added by Celeste */ {
    text-transform: uppercase;
    margin-bottom: 20px;
}

#OptionsMenu .ChargeCategory {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

#dealOptions p.CarGroupP {
    display: block;
}

#WheelsBookingEngineWrapper #dealOptions select {
    outline: none;
}

.WheelsContainer .NonInclusive i {
    display: block;
    margin-bottom: 10px;
    float: left;
    padding-right: 10px;
}

.WheelsContainer .NonInclusive {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px var(--text-light-color) solid;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    line-height: 20px;
    padding-left: 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.NonInclusive .optionDesc {
    font-size: .9em;
    color: var(--text-light-color);
}

#dealOptions h2 {
    left: 0%;
    top: 25%;
    -webkit-transform: translate(-0%, -0%);
        -ms-transform: translate(-0%, -0%);
            transform: translate(-0%, -0%);
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: var(--text-color);
}
/*
#backbtn {
    background-color: gray !important;
    background-image: none !important;
}
*/

#WheelsBookingEngineWrapper #dealOptions button,
#WheelsBookingEngineWrapper #dealOptions .wbeClientInformationInputContainer input[type="button"] {
    min-width: 30%;
    background-color: var(--button-background-color);
    height: 34px;
    font-size: 16px;
    outline: none;
    border: none;
    color: var(--button-color);
    font-weight: bold;
    margin: 0;
    margin-left: 5%;
    float: right;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#WheelsBookingEngineWrapper #dealOptions button:hover,
#WheelsBookingEngineWrapper #dealOptions .wbeClientInformationInputContainer input[type="button"]:hover {
    background-color: var(--button-background-color-hover);
}

#WheelsBookingEngineWrapper #dealOptions .wbeClientInformationInputContainer input[type="button"] {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0;
    float: none;
    width: 100%;
    padding: 10px 25px;
}

.togglePA {
    display: none;
}

#WheelsBookingEngineWrapper #dealOptions .wbeOptionBtns {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 25px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-left: 0;
}

#OptionsMenu .wbeSearchQueryP {
    margin: 0 0 20px !important;
    padding-left: 18px;
    position: relative;
}

#OptionsMenu .wbeSearchQueryP i {
    margin-left: -18px;
}

#OptionsMenu .wbeSQTitle {
    text-transform: uppercase;

}

#OptionsMenu #carDataOptionsH1Template,
#OptionsMenu #carDataOptionsGroupTemplate ,
#BookingSearchRes #wbemanageSampleModel,
#BookingSearchRes #wbemanageGroupCode {
    display: inline-block;
}

#OptionsMenu .summaryVehContainer .carDataOptionsPaxTemplate {
    clear: both;
}

#OptionsMenu .summaryVehContainer p, #BookingSearchRes .wbeManageBookVehicleInclusive p {
    display: inline-block;
    color: var(--text-light-color);
}

#OptionsMenu .summaryVehInclusive, #BookingSearchRes .wbeManageBookVehicleInclusive {
    clear: both;
    margin: 10px 0;
}

#OptionsMenu .RightListItem {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#OptionsMenu .RightListItem:after {
    /*content: ":";
    display: inline-block;*/
}

#OptionsMenu .RightListPrice {
    display: inline-block;
}

#OptionsMenu .priceAnalysisTitle, 
#BookingSearchRes .priceAnalysisTitle {
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: bold;
}

#OptionsMenu #DealPriceDiv #DealPrice {
    font-size: 20px;
    margin-top: 0px;
    font-weight: bold;
    float: left;
    width: 60%;
    text-align: left;
}

#BookingSearchRes #wbemanageTotal {
    font-size: 20px;
    margin-top: 0px;
    font-weight: bold;
    text-align: right;
    width:100%;
}
#WheelsBookingEngineWrapper #dealOptions .wbeOptionInput {
    width: 30px;
    height: 30px;
    float: right;
    background-color: var(--background-color);
    border: none;
    outline: none;
    /*transform: translate(-25%, -50%);*/
}

#WheelsBookingEngineWrapper #dealOptions .wbeOptionBtnsDisabled {
    width: 30px;
    height: 30px;
    opacity: 0;
    cursor: unset;
    font-size: 25px;
    pointer-events:none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}


#clientInformation input:invalid,
#clientInformation select:invalid,
#BookingSearch input.noValue {
    border: 1px solid red;
}

.wbeInputElement.verifiedField {
    border: 1px solid rgb(11, 201, 75);
}

 #next2 {
    display: none;
 }


.NonInclusive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    position: relative;
}

.NonInclusive .wbeNonInclusiveContent {
    -ms-flex-preferred-size: calc(100% - 110px);
        flex-basis: calc(100% - 110px);
    display: inline-block;
}

.NonInclusive .wbeNonInclusiveActions {
    -ms-flex-preferred-size: 95px;
        flex-basis: 95px;
}

@media(min-width:1024px) {
    #OptionsMenu.wbeDealOptionsContainer,
    #BookingSearchRes .wbeBookingSearchResContainer{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: self-start;
            -ms-flex-align: self-start;
                align-items: self-start;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #OptionsMenu .wbeDealOptionsContent,
    #BookingSearchRes .wbeManageBookInfo {
        -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
        padding: 20px 30px;
    }
    #BookingSearchRes .wbeManageBookInfo{
        padding-bottom: 0;
    }
    #OptionsMenu .wbeDealOptionsSummary,
    #BookingSearchRes .wbeManageBookVehicle {
        -ms-flex-preferred-size: 39%;
            flex-basis: 39%;
        padding: 0 0 0 30px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    #BookingSearchRes .wbeManageBookVehicle {
        position: relative;
        top: auto;
    }
    #OptionsMenu #DealPriceDiv,
    #BookingSearchRes .wbeManageBookPriceButtonContainer {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        -ms-flex-item-align: end;
            align-self: flex-end;
        position: relative;
        bottom: auto;
        position: -webkit-relative;
        position: -moz-relative;
        position: -o-relative;
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;    
        padding: 15px 20px;
    }

    #OptionsMenu #DealPriceDiv #DealPrice, 
 #BookingSearchRes #wbemanageTotal {
        margin-top: 8px;
        float: none;
        width: 100%;
        text-align: center;
    }
    #OptionsMenu .wbeDealOptionsSummaryContainer,#BookingSearchRes .wbeManageBookVehicleContainer {
        /*box-shadow: 1px 1px 5px 1px var(--shadow-color);
        margin-bottom: 20px;*/
        border-left: 1px var(--shadow-color) solid;
    }

    #WheelsBookingEngineWrapper #dealOptions #DealPriceDiv button{
        float: none;
        margin-bottom: 0;
    }
}

/* client information */
@media(min-width:768px) {
    #clientInformation .wbeClientInformationInputContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: self-start;
            -ms-flex-align: self-start;
                align-items: self-start;
        position: relative;
        width: 100%;
    }

    #clientInformation .clientInformationDiv label {
        /*flex-basis: 100%;*/
    }

    #clientInformation .wbeClientInformationInputContainer>.wbeInputGroup,
    #clientInformation .wbeClientInformationInputContainer>.wbeInputContainer {
        -ms-flex-preferred-size: 49.5%;
            flex-basis: 49.5%;
        max-width: 49.5%;
    }
}

#clientInformation .iti {
    width: 100%;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    height: unset;
}

.WheelsContainer #clientInformation .wbeInputElement {
    padding-left: 6px;
}

.WheelsContainer #clientInformation .iti .wbeInputElement {
    padding-left: 36px;
    width: 100%;
}

.WheelsContainer .iti--allow-dropdown .iti__flag-container,
.WheelsContainer .iti--separate-dial-code .iti__flag-container {
    left: 10px;
}

.WheelsContainer .wbeLegalClientInformation .wbeInputContainerCheck {
    margin-bottom: 0;
}

/* BookingConfirmation*/
#BookingConfirmation {
    position: relative;
    width: 100%;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    margin-top: 10%;
    height: 500px;
    text-align: center;
    padding: 15% 20px;
    font-weight: bold;
}

#beStartOverbtn {
    font-weight: bold;
    background-color: var(--button-background-color);
    color: var(--button-color);
    width: auto;
    text-transform: uppercase;
    padding: 15px 40px;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 18px;
    margin-top: 40px;
}

#beStartOverbtn:hover {
    background-color: var(--button-background-color-hover);
}

#BookingConfirmation i {
    font-size: 60px;
    color: green;
    margin-bottom: 20px;
}

#BookingConfirmation.failure i {
    color: red;
}


/* Checkbox CSS */
#BookingSearch {
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px 1px var(--shadow-color);
            box-shadow: 1px 1px 5px 1px var(--shadow-color);
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: inherit;
    font-size: 15px;
    display: none;
}

#ResultsCategories,
#ResultsPassengers {
    border-bottom: 1px var(--text-color) solid;
    margin-bottom: .5em;
}



#BookingSearchRes {
    display: none;
    min-height: 50px;
}

#WheelsBookingEngineWrapper .navigation-bar {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    position: relative;
    z-index: -2;
}

.search-bar {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: -1;
}

#wheelsbookingEnginesearch {
    width: 100%;
    /*
    transform: translateX(-50%);
    margin-left: 50%;*/
}

#responseResults .warningIndicator{
    position: relative;
    padding-left: 40px;
}

#responseResults .warningIndicator i{
    position: absolute;
    left: 0;
    top: 1px;
}

.ui-effects-transfer {
    border: 1px dotted black;
    display: block;/*
    width: 500px;
    height: 80px;*/
    position: relative;
    z-index: 8000;
}

#downPayNotice {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: none;
    margin-top: 8px;
}

li.iti__country {
    padding:7px 0px;
}


div.bookEngRoot {
    height:auto;
    position:relative;
    z-index: 100;
    margin: 10px auto;
    background-color:transparent;
}

#wbemanagePriceDetails tr.manageBookPriceItem > td {
    padding-bottom: 6px;
}
    #wbemanagePriceDetails tr.manageBookPriceItem > td:first-of-type {
        width: 75%;
        text-align: left;
    }
    #wbemanagePriceDetails tr.manageBookPriceItem > td:last-of-type {
        width: 25%;
        text-align: right;
        vertical-align: middle;
    }

#wbemanagePriceDetails #wbemanageTotal > td {
    padding-top: 6px;
}

.wbeClientInformationInputContainer.needInvoice {
    display:none;
}

p.wbeVehCategory,
#responseResults .cardata p.wbeVehCategory,
#OptionsMenu .summaryVehContainer p.wbeVehCategory {
    display: block;
    margin: 2px 0px 2px 0px;
}

#responseResults .wbeDealBook .CarTotalH2 span.wbeOldTotal {
    display: none;
}

    #responseResults .wbeDealBook .CarTotalH2 span.wbeOldTotal.promoactive {
        display: inline-block;
        margin-right: 5px;
        text-decoration: line-through;
        color: var(--oldRate-color);
    }


#wbe_paymentForm fieldset {
    width:50%;
    margin: 0px auto;
    min-width: 250px;
}

#wbe_paymentForm legend h2,
#wbe_paymentForm legend {
    margin-bottom: 10px;
}


#WheelsBookingEngineWrapper #dealOptions #wbe_paymentForm button {
    height: unset;
    float: none;
    margin: 8px auto;
    width: 100%;
    display: block;
    -webkit-transform: unset;
    transform: unset;
}

#responseResultsFilterContainer{
    border-bottom: 2px var(--button-secondary-background-color-hover) solid;
    margin-bottom: 5px;
}

#responseResultsFilterContainer ul{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; 
}
 #responseResultsFilterContainer ul li {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        width: 50%;
    }
#responseResultsFilterContainer h5{
     padding: 5px 15px;
    color: var(--button-secondary-background-color-hover);
    font-weight: bold;
    margin-top: 5px;
}

#responseResultsFilterContainer a {
    background-color: var(--button-secondary-background-color);
    padding: 5px 15px;
    outline: none;
    margin-top: 5px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: block;
    border: none;
    color: var(--button-color);
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
}

#responseResultsFilterTabsMobile {
    display: none;
}

@media(max-width: 1000px) {
    #responseResultsFilterTabsMobile {
        display: block;
    }

    #responseResultsFilterContainer .responseResultsFilterTabs {
        display: none;
    }
}

#responseResultsFilterTabsMobile > ul {
    box-shadow: 1px 1px 5px 1px var(--shadow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

#responseResultsFilterTabsMobile > ul li {
    width: 100% !important;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid lightgray;
}

#responseResultsFilterTabsMobile > ul:focus > li {
    display: block !important;
}

#responseResultsFilterTabsMobile > ul > li:not(:first-of-type) {
    display: none;
}

#responseResultsFilterContainer a.responseResultsFilterTabActive,
#responseResultsFilterContainer a:hover {
    background-color: var(--button-secondary-background-color-hover);
}
@media(min-width: 600px) {
    #responseResultsFilterContainer ul li {
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%;
        width: 33%;
    }
}
@media(min-width: 768px) {
    #responseResultsFilterContainer ul{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
         justify-content: flex-end;
    }
    #responseResultsFilterContainer ul li {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        width: auto;
    }
}

.dealPackagesContainer{
   display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.WheelsContainer .dealPackagesContainer {
    display: none;
}

@media(min-width: 1024px) {
    .WheelsContainer .dealPackagesMobileContainer {
        display: none;
    }

    .WheelsContainer .dealPackagesContainer {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
}

.WheelsContainer .dealPackagesDescription {
    padding-top: 3em;
    -ms-flex-preferred-size: 41%;
    flex-basis: 41%;
}

.WheelsContainer .dealPackagesContainer ul li,
.WheelsContainer .dealPackagesMobileContainer ul li {
    height: 55px;
    line-height: 55px;
    width: 100%;
    background: var(--background-color);
    position: relative;
    padding: 0 15px 0 25px;
    display: block;
}

.WheelsContainer .dealPackagesContainer .dealPackagesNote {
    padding: 0 15px 0 25px;
    font-size: .8em;
}

.WheelsContainer .dealPackagesContainer ul li:nth-child(odd),
.WheelsContainer .dealPackagesMobileContainer ul li:nth-child(odd) {
    background: var(--menu-background-color);
}

.WheelsContainer .dealPackageTitle,
.WheelsContainer .dealPackageTitle {
    padding: .5em 45px;
    text-align: center;
    height: 3em;
    /*background: url(./insurance-basic.png) calc(100% - 15px) .5em no-repeat;*/
    background-size: 22px 22px;
}


/*.WheelsContainer .dealPackagesItem2 .dealPackageTitle {
    background-image: url(./insurance-silver.png)
}

.WheelsContainer .dealPackagesItem3 .dealPackageTitle {
    background-image: url(./insurance-gold.png)
}
    */
.WheelsContainer .dealPackagesContainer .dealPackagesItem {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    /*width: 12em;*/
}

.WheelsContainer .dealPackagesContainer .dealPackagesItemActive {
    background-color: #fff;
    box-shadow: -1px 5px 24px 7px var(--shadow-color);
    z-index: 9;
    border-radius: 3px;
}

.WheelsContainer .dealPackagesContainer .dealPackagesItem ul li {
    padding: 0 15px 0 15px;
    text-align: center;
}

    .WheelsContainer .dealPackagesContainer .dealPackagesItem ul li i {
        width: 31px;
        height: 28px;
        text-align: center;
        line-height: 27px;
    }

.WheelsContainer .dealPackageAmount {
    font-size: 1.3em;
}

.WheelsContainer .dealPackagesMobileContainer .dealPackagePrice,
.WheelsContainer .dealPackagesMobileContainer .dealPackagesMobileValue {
    float: right;
    display: inline-block;
}

.WheelsContainer .dealPackagesMobileTitlesContainer {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.WheelsContainer .dealPackageMobileTitle {
    opacity: .6;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    text-align: center;
    margin-bottom: 1.3em;
    /* background: url(./insurance-basic.png) top center no-repeat; */
    padding-top: 30px;
}

.WheelsContainer .dealPackageMobileTitle2 {
    /* background-image: url(./insurance-silver.png) */
}

.WheelsContainer .dealPackageMobileTitle3 {
    /* background-image: url(./insurance-gold.png) */
}

.WheelsContainer .dealPackageMobileTitleActive {
    opacity: 1;
}

.WheelsContainer .dealPackagesMobileItem {
    display: none;
}

.WheelsContainer .dealPackagesMobileItemActive {
    display: block;
}

.WheelsContainer .dealPackagesItemButton {
    padding: .5em 15px;
    float: left;
    width: 100%;
}

    .WheelsContainer .dealPackagesItemButton input {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        right: 0;
        opacity: 0;
        cursor: pointer;
    }

    .WheelsContainer .dealPackagesItemButton label {
        width: 100%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        text-align: center;
        line-height: 32px;
        border: 2px var(--button-background-color) solid;
        color: var(--button-background-color);
        background-color: var(--button-color);
        margin: 0;
        position: relative;
        display:block;
    }

        .WheelsContainer .dealPackagesItemButton label span {
            line-height: 32px;
            color: var(--button-background-color);
        }

        .WheelsContainer .dealPackagesItemButton label:hover,
        .WheelsContainer .dealPackagesContainer .dealPackagesItemActive label {
            background-color: var(--button-background-color);
            color: var(--button-color);
        }

            .WheelsContainer .dealPackagesItemButton label:hover span,
            .WheelsContainer .dealPackagesContainer .dealPackagesItemActive label span {
                color: var(--button-color);
            }

#responseResults .cardata h5.startingFrom {
    display:none;
}


#responseResults .cardata.moreDeals h5.startingFrom {
    display: block;
}


#WheelsBookingEngineWrapper p.wbeVehCategory, #WheelsBookingEngineWrapper #responseResults .cardata #WheelsBookingEngineWrapper p.wbeVehCategory,
#WheelsBookingEngineWrapper #responseResults .cardata.moreDeals h5.startingFrom {
    text-align: center;
}

@media only screen and (min-width: 600px) {
    #WheelsBookingEngineWrapper p.wbeVehCategory, #WheelsBookingEngineWrapper #responseResults .cardata p.wbeVehCategory {
        text-align: left;
    }

    #WheelsBookingEngineWrapper #responseResults .cardata.moreDeals h5.startingFrom {
        text-align: right;
    }
}

#WheelsBookingEngineWrapper #downPayNotice {
    clear: both;
}

#WheelsBookingEngineWrapper .dealPackagesContainer.twoPrices .dealPackagesDescription {
    -ms-flex-preferred-size: 64%;
    flex-basis: 64%;
}

#WheelsBookingEngineWrapper.WheelsContainer .dealPackagesContainer ul li, #WheelsBookingEngineWrapper.WheelsContainer .dealPackagesMobileContainer ul li {
    min-height: 55px;
    height: auto;
    line-height: 1.2em;
    padding: 10px 15px 10px 25px;
}

#WheelsBookingEngineWrapper.WheelsContainer .dealPackagesContainer .dealPackagesItem ul li {
    line-height: 55px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

#WheelsBookingEngineWrapper.WheelsContainer .dealPackageMobileTitle {
    padding: 10px;
    background: var(--button-secondary-background-color);
}

#WheelsBookingEngineWrapper .dealPackagesMobileContainer.twoPrices .dealPackageMobileTitle {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

#WheelsBookingEngineWrapper.WheelsContainer .dealPackagesMobileContainer ul li {
    padding-right: 35px
}

#WheelsBookingEngineWrapper .WheelsContainer .dealPackagesMobileContainer .dealPackagesMobileValue {
    position: absolute;
    right: 10px;
    top: 50%;
}

#WheelsBookingEngineWrapper.WheelsContainer .dealPackagesMobileContainer .dealPackagePrice {
    display: block;
    float: none;
    text-align: center;
    line-height: 55px;
}

.cncBookOuterCont {
    justify-content: center;
    align-items: center;
}

.cncButtonsCont {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    gap: 20px;
}

div.cardata[data-pax="0"] p.CarPaxP,
div.cardata[data-luggage="0"] p.CarSuitcasesP,
div.cardata[data-suitcase="0"] p.CarSuitcasesP,
div.cardata[data-bags="0"] p.CarBagsP,
div.cardata[data-doors="0"] p.CarDoorsP,
#BookingSearchRes div.wbeManageBookVehicleContent[data-pax="0"] p.mngCarPaxP,
#BookingSearchRes div.wbeManageBookVehicleContent[data-luggage="0"] p.mngCarSuitcasesP,
#BookingSearchRes div.wbeManageBookVehicleContent[data-suitcase="0"] p.mngCarSuitcasesP,
#BookingSearchRes div.wbeManageBookVehicleContent[data-bags="0"] p.mngCarBagsP,
#BookingSearchRes div.wbeManageBookVehicleContent[data-doors="0"] p.mngCarDoorsP,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-doors="0"] #carDataOptionsDoorsTemplate,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-bags="0"] #carDataOptionsBagsTemplate,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-suitcase="0"] #carDataOptionsSuitCasesTemplate,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-pax="0"] #carDataOptionsPaxTemplate {
    display: none;
}

div.cardata[data-fuel="U"] p.Fuel,
div.cardata[data-gear="U"] p.Gear,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="U"] p.mngCarFuel,
#BookingSearchRes div.wbeManageBookVehicleContent[data-gear="U"] p.mngCarGear,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-fuel="U"] p.carDataOptionsFuel,
#OptionsMenu .summaryVehContainer div.summaryVehInclusive[data-gear="U"] p.carDataOptionsGear {
    display: none;
}

#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="E"] p.mngCarFuel i.fa.fa-gas-pump,
div.summaryVehInclusive[data-fuel="E"] p.carDataOptionsFuel i.fa.fa-gas-pump,
div.cardata[data-fuel="E"] p.Fuel i.fa.fa-gas-pump {
    display: none;
}

#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="D"] p.mngCarFuel i.fa.fa-charging-station,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="P"] p.mngCarFuel i.fa.fa-charging-station,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="M"] p.mngCarFuel i.fa.fa-charging-station,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="A"] p.mngCarFuel i.fa.fa-charging-station,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="L"] p.mngCarFuel i.fa.fa-charging-station,
#BookingSearchRes div.wbeManageBookVehicleContent[data-fuel="O"] p.mngCarFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="D"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="P"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="M"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="A"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="L"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.summaryVehInclusive[data-fuel="O"] p.carDataOptionsFuel i.fa.fa-charging-station,
div.cardata[data-fuel="D"] p.Fuel i.fa.fa-charging-station,
div.cardata[data-fuel="P"] p.Fuel i.fa.fa-charging-station,
div.cardata[data-fuel="M"] p.Fuel i.fa.fa-charging-station,
div.cardata[data-fuel="A"] p.Fuel i.fa.fa-charging-station,
div.cardata[data-fuel="L"] p.Fuel i.fa.fa-charging-station,
div.cardata[data-fuel="O"] p.Fuel i.fa.fa-charging-station {
    display: none;
}

    #wbebookemailnotif {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

#featuresContainer {
    padding-top: 10px;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    width: 100%;
    flex: 1;
}

    #featuresContainer p {
        display: flex;
        justify-content: space-between;
    }

#BookingSearchForm .wbeInputContainer.is-invalid {
    border: 1px solid red;
}

#BookingSearchForm #wbefindresStatus {
    color: red;
    padding-bottom: 10px;
    height: 50px;
}

    #BookingSearchForm #wbefindresStatus > i {
        padding-right: 5px;
    }

i.transmission-icon::before {
    content: "G";
    color: transparent;
    display: inline-block;
    background-image: url(/assets/transmission.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-right:3px;
}

@media (min-width: 768px) {
    #WheelsBookingEngineWrapper #dealOptions .wbeClientInformationInputContainer input[type="button"]#wbeCustBirthDate {
        height: 42px;
        line-height: 42px;
        padding: 0;
    }
}