.vehicleSection h3.pricing {
    font-size: 1em;
    font-weight: 600;
    border-bottom: 1px solid #80808057;
    margin-bottom: 5px;
    width: 60%;
}
.footer-wrapper{ display:none;}
.amount {
    padding: 0;
    margin-top: -5px;
}
.rentalForm .reservationForm ul li input[type=text]{
    height:19px;
}
.vinfo .spec .title span.vehicle-type {
    color: #636363;
    font-size: 0.8em;
}
.vehicles .vehicleSection .vinfo .vimg img {
    height: auto;
}
.vehicleSection .vimg {
    width: 60%;
    width: 52%;
}

.customerSection form[name="newFinal"] section.BLK_IIN  > ul .opencov{
    cursor: pointer;
}

/*.addonsClose{ cursor:pointer;}*/
/*.addonContainer {*/
/*    margin-top: 20px;*/
/*}*/
/*.covList .extraamtbtn, .covAdd .extraamtbtn{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    gap: 5px;*/
/*}*/
/*.covList .extrasAmount, .covAdd .extrasAmount{*/
/*    align-self: center;*/
/*    justify-self: center;*/
/*    color: #0C7E40;*/
/*    font-size: 1.6em;*/
/*    font-weight: 700;*/
/*}*/
/*.addonContainer .addonHeader {*/
/*    padding: 5px 0px !important;*/
/*}*/
/*#addonsAndExtras {*/
/*    display: none;*/
/*}*/
/*.addonContainer ul {*/
/*    overflow-x: auto;*/
/*    margin-top: 5px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.addonHeader h3{*/
/*    font-size:1.3em!important;*/
/*}*/
/*#addonsAndExtras .addonHeader {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*    align-items: center;*/
/*    padding: 15px 0px;*/
/*    border-bottom:1px solid #888;*/
/*}*/
/*#addonsAndExtras .addonHeader .addonsClose{*/
/*    font-size: 25px;*/
/*    color:black;*/
/*}*/
/*.addonContainer .btnExtras {*/
/*    width: 120px!important;*/
/*}*/
/*#addonsAndExtras .applyExtrasBtn {*/
/*    float: right;*/
/*}*/
/*#addonsAndExtras .addonContainer {*/
/*    max-width: 1195px;*/
/*    width: 94%;*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    padding: 20px 25px;*/
/*    background: #fff;*/
/*    border-radius: 8px;*/
/*    z-index: 999;*/
/*    box-shadow: rgb(100 100 111 / 55%) 0px 10px 35px 0px;*/
/*    height: auto;*/
/*    max-height: 85%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*#addonsAndExtras .addonContainer ul li {*/
/*    width: 360px !important;*/
/*    padding: 14px;*/
/*    border-radius: 10px;*/
/*    background: #FFF;*/
/*    border: 1px solid #00000033;*/
/*    box-shadow: 0px 2px 10px 0px #0000001A;*/
/*}*/
/*#addonsAndExtras .addonContainer ul {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    margin: 15px 0;*/
/*    gap: 10px;*/
/*    overflow-y: auto;*/
/*}*/
/*.addonContainer .covAdd li {*/
/*    width: 250px;*/
/*}*/
/*.tooltip {*/
/*    float: right;*/
/*    cursor: pointer;*/
/*}*/
/*.tooltip .tooltiptext {*/
/*    visibility: hidden;*/
/*    width: 350px;*/
/*    background-color: #555;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    border-radius: 5px;*/
/*    padding: 5px;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: 40%;*/
/*    left: 3%;*/
/*    opacity: 0;*/
/*    transition: opacity 0.3s;*/
/*}*/
/*ul.addonsList {*/
/*    overflow-x: auto;*/
/*    margin: 10px 10px;*/
/*    height: 175px;*/
/*}*/
/*ul.addonsList li {*/
/*    padding: 0 5px;*/
/*    margin: 10px 0;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/
/*.addonsAndExt {*/
/*    overflow-x: auto;*/
/*    flex-wrap: nowrap;*/
/*    display: flex;*/
/*}*/
/*.addonsAndExt .addExt {*/
/*    flex: 0 0 auto;*/
/*    color: #ffffff;*/
/*    border-top: 10px solid #0fa352;*/
/*    padding: 5px;*/
/*    width: 200px;*/
/*    background: #373e45;*/
/*    margin: 10px 10px 10px 0;*/
/*    height: 265px;*/
/*}*/
/*.btnViewExtras {*/
/*    border-radius: 8px;*/
/*    border: none;*/
/*    background: var(--interactive-color);*/
/*    color: white;*/
/*    width: 120px;*/
/*    height: 35px;*/
/*    font-weight: 700;*/
/*    font-size: 14px;*/
/*    letter-spacing: 0.05em;*/
/*    cursor: pointer*/
/*}*/
/*.addonContainer ul {*/
/*    overflow-x: auto;*/
/*    margin-top: 5px;*/
/*    display: -webkit-box;*/
/*}*/
/*.slideDown .material-symbols-outlined{*/
/*    font-size: 30px;*/
/*}*/
.material-symbols-outlined {
    font-family: 'Material Icons';
    color: var(--interactive-color);
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: unset;
    text-transform: none;
    display: inline-block;
}
.loader .loadImg {
    position: relative;
    z-index: 990;
    top: -165px !important;
}
a.material-symbols-outlined {
    font-family: 'Material Icons';
    color: var(--interactive-color);
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: unset;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}
.vehicles {
    margin: 0 auto;
    margin-bottom: 30px;
}
.vehicles .error a {
    cursor: pointer;
    color: var(--interactive-color);
}
.vehicles>ul.rentalDetails {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-top: 10px;
}
.vehicles>ul.rentalDetails .customerSection {
    width: 58%;
    padding-right: 25px;
}
.vehicles>ul.rentalDetails .vehicleSection {
    width: 42%;
    border-left: 1px solid lightgray;
    padding-left: 2%;
}
.vehicles>ul.rentalDetails .customerSection form[name="newFinal"] {
    padding-left: 4px;
}
.newnewFinal section {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
form[name="newFinal"] > section > ul{
    display: flex;
    flex-wrap: wrap;
}
.BLK_UIN .LG{
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.2em;
}
.BLK_UIN .LG .loginSpan {
    margin: 0;
    margin-bottom: 15px;
}
.BLK_UIN .LG .loginSpan .showLoginBlock {
    cursor: pointer;
    color: #00ABEF;
}
form[name="newFinal"] .BLK_NTE textarea[name=note] {
    font-size: 14px;
    font-family: 'Roboto' !important;
    padding: 2px;
}
form[name="newFinal"] section li:first-child label,
.newFinal section.BLK_NTE label {
    display: none;
}
form[name="newFinal"] section li.SECHEADER {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid #2b2b2b99;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    width: 100%;
}
form[name="newFinal"] .BLK_XIN ul>li>h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid #2b2b2b99;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    width: 100%;
}
form[name="newFinal"] section.BLK_UIN .SECHEADER {
    padding-top: 0px !important;
}
form[name="newFinal"] section.BLK_UIN .CNF,form[name="newFinal"] section.BLK_XIN .CNF{
    margin-right: 6px;
    float: left;
    margin-top: 3px;
}
form[name="newFinal"] section.BLK_UIN .CNT,form[name="newFinal"] section.BLK_XIN .CNT {
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
    text-align: justify;
}
form[name="newFinal"] .showTestRental {
    display: flex;
    float: right;
    margin: 0 10px;
    font-style: italic;
    align-items: center;
}
form[name="newFinal"] .showTestRental input[type="checkbox"] {
    margin: 0;
    height: 20px;
}
form[name="newFinal"] section .FLD {
    font-size: 20px;
    margin-right: 20px;
    padding: 0;
}
form[name="newFinal"] .SECHEADER{
    margin-bottom:15px;
}
form[name="newFinal"] section .FLD:last-child {
    margin-bottom: 20px;
}
.reservationForm .BLK_FLL{ display:none; }
.rentalForm { border-top: 1px solid #888; padding-top: 16px;}
/*.covAdd{ border-top: 1px solid #888; padding-top: 25px; }*/
form[name="newFinal"] section .FLD>label {
    font-size: 14px;
}
form[name="newFinal"] section .FLD .gicons,
form[name="newFinal"] section li.CS .gicons {
    font-size: 20px;
    padding: 0;
    min-width: 10px;
    line-height: 32px;
}
form[name="newFinal"] section li input[type="tel"],
form[name="newFinal"] section li input[type="text"],
form[name="newFinal"] section li select,
form[name="newFinal"] section li input[type="password"] {
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #80808057;
    text-indent: 32px;
    margin-bottom:0;
    outline: none;
    background: #fff;
    border-radius:unset;
}
.newFinal ul li.FLD .nice-select {
    font-size: 14px;
    border: none;
    padding: 0;
    border-bottom: 1px solid #80808057;
    width: 100%;
    text-indent: 30px;
    position: unset;
    float: none;
}

form[name="newFinal"] section li.CS {
    position: relative;
    clear: both;
}
form[name="newFinal"] section.BLK_CIN li.CN {
    margin-bottom: 15px;
    font-size: unset;
}
form[name="newFinal"] section li.UA {
    display: none;
    color: #F00;
}
form[name="newFinal"] section li.NT {
    height: auto;
}
form[name="newFinal"] section li.CNT > p > a{
    cursor: pointer;
    color: var(--interactive-color);
}
form[name="newFinal"] section li.NT textarea {
    padding: 0;
    height: 130px;
    border-radius: 4px;
    border-color: #80808057;
}
form[name="newFinal"] section li.PM,
form[name="newFinal"] section li.AM,
form[name="newFinal"] section li.UC {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
    gap: 10px;
    height: 25px;
    margin-bottom: 3px;
}
form[name="newFinal"] section li.PM input,
form[name="newFinal"] section li.AM input {

}
form[name="newFinal"] section li.UC input {

}
form[name="newFinal"] section.BLK_TIN {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 15px 10px 15px;
    background: #fff;
    height: auto;
    width: auto;
    border-radius: 10px;
    z-index: 999;
    height: auto;
    width: 90%;
    box-shadow: 0 0 5px #888;
    max-width: 760px;
    max-height:75%;
}
form[name="newFinal"] section > ul > li.FLW.TRH{
    text-align:right;
}
form[name="newFinal"] section > ul > li.FLW.TRH input[name=nextBtn]{
    width: 150px !important;
}
form[name="newFinal"] section.BLK_TIN > ul{
    display: block;
}
form[name="newFinal"] section.BLK_TIN > ul > li:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}
form[name="newFinal"] section.BLK_TIN div.tncAgree {
    background: #f2f2f2;
    font-size: 0.9em;
    color: #484848;
    overflow-y: auto;
    max-height: 500px;
    padding: 15px 20px 10px 0;
    border-radius: 6px;
    margin-bottom:10px;
}
form[name="newFinal"] section.BLK_TIN p {
    margin-bottom: 8px;
    margin: 0;
    text-decoration: underline
}
form[name="newFinal"] section.BLK_TIN div.tncAgree p {
    text-decoration: none;
}
.lcPolicy_open,
.lcQalReq_open {
    color: var(--interactive-color);
    cursor: pointer;
    font-size: 14px;
}
form[name="newFinal"] section.BLK_TIN .AGREE {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: center;
    gap: 10px;
}
form[name="newFinal"] section.BLK_TIN .AGREE>input {
    margin: 0;
}
form[name="newFinal"] section.BLK_TIN .CAPTCHA {
    Position: absolute;
    bottom: 75px;
    right: 18px;
}
section.BLK_TIN input[type='submit'] {
    display: block;
    margin: 0 auto;
    width: 250px !important;
}
.customerSection form[name="newFinal"] section.BLK_NTE{
    min-height: 100px;
}
.customerSection form[name="newFinal"] section.BLK_BTN {
    position: sticky;
    background-color: white;
    bottom: 0px;
    width: 100%;
    padding-top: 0px;
    height: 45px;
    padding-top: 20px;
    display:none;
}
.customerSection form[name="newFinal"] section.BLK_BTN input[name=continue]{
    display:none; 
}
.customerSection form[name="newFinal"] section.BLK_BTN  > ul{
    display: block;
}
section.BLK_BTN input[type='button'] {
    width: 180px;
    float: right;
}
section.BLK_BTN input[name='submit'] {
    display: none;
}
.newFinal li.FLD>div,
.newFinal li.CN>div,
.newFinal li.PL>div {
    position: relative;
}
.newFinal li.FLD>div>div,
.newFinal li.CN>div>div,
.newFinal li.PL>div>div,
.newFinal li.CS>div>div {
    position: absolute;
}
.vehicles .vehicleSection .spec {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 25px;
    align-items: start;
    width: 37%;
    width: 43%;
    margin-bottom: 10px;
    padding-left: 3%;
}
.vehicles .vehicleSection .spec h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: -5px;
}
.vehicles .vehicleSection .spec .moreDetails {
    text-align: center;
    font-size: 13px;
    color: #0C7E40;
}
.vehicleSection .specs {
    display: flex;
    gap: 10px;
    padding: 0;
    flex-wrap: wrap;
}
.vehicleSection .specs li {
    align-items: center;
    gap: 7px;
    padding: 3px 10px;
    font-size: 0.8em;
    font-style: normal;
    border-radius: 5px;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
}
.vehicleSection .pnow {

}
.pricingBox span.close-pricing{
    font-size: 1.5em;
    display:none;
    cursor:pointer;
}
.vehicleSection .pnow>ul {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 0;
    width: 60%;
}
.vehicleSection .ppic{
    border-top: 1px solid #C7DDF1;
    background: #E8F3FF;
}
.vehicleSection .ppic .amount{
    color: #5F6B76;
    padding: 15px 10px 5px 10px;
}
.vehicleSection .pnow .price li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    min-height: 22px;
    font-size: 0.9em;
}
.vehicleSection .pnow .price li.totalPay {
    border-top: 1px solid;
    font-weight: 700;
}
.vehicles .vehicleSection>.title,
.vehicleSection .pickupDetails {
    display: none;
}
.vehicles .vehicleSection .vinfo {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.vehicleSection .pnow .ppic ul li:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}
.vehicleSection .pnow .ppic ul li:nth-child(2) {
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    color: green;
    text-align: right;
}
.payableSection {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 990;
    background-color: white;
    border: 3px solid #F2F2F2;
}
.payableSection .vehicleSection {
    display: none;
}
.payableSection .proceed {
    padding: 10px 25px;
}
.toggle { height:40px;line-height:40px; width:40px;}
.toggle .material-symbols-outlined{ font-size:40px!important; }
input[name="proceed"] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
#checkoutForm .CN input[name="cnum"] {
    font-size: 1em;
}
.pricewrapper{
    background: #F3F8FD;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #D6E8F8;
    width:100%;
}
.pricewrapper ul.price{
    color: #2E2E2E;
    padding: 10px;
}
.pricewrapper > p{
    background: linear-gradient(90deg, #edf4ff 0%, #f5f8ff 100%);
    border: 1px solid #dce8ff;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    text-align: justify;
    margin-top: 10px;
}
.pickupDetails > div{
    float: left;
    text-align: center;
    width: 160px;
    background: #eee;
    border-radius: 10px;
    padding: 5px 0;
    margin:0 10px 10px 0;
    font-size:0.9em;
}
.pickupDetails > div.rlocation{
    margin-right:0;
}
.pickupDetails > div > span{
    font-weight:bold;
    font-size:1.1em;
}

form[name=newFinal] .BLK_GTM{
    margin-top:10px;
}
form[name=newFinal] .BLK_GTM ul{
    background: linear-gradient(90deg, #edf4ff 0%, #f5f8ff 100%);
    border: 1px solid #dce8ff;
    border-radius: 10px;
    padding: 20px 10px 0 10px;
}
form[name=newFinal] .BLK_IIN .INI{
    display:none;
}

form[name=newFinal] .cdwinfo{
    background: linear-gradient(90deg, #edf4ff 0%, #f5f8ff 100%);
    border: 1px solid #dce8ff;
}
form[name=newFinal] .rlpinfo{
    background: linear-gradient(180deg, #f9fefb 0%, #eefbf2 100%);
    border: 1px solid #d5efd9;
}
form[name=newFinal] .cdwinfo,
form[name=newFinal] .rlpinfo{
    display:none;
    text-align:justify;
    
    border-radius: 20px;
    padding: 10px 15px;
    border-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
    
form[name=newFinal] section > ul > li.FCH{
    width:100%
}
form[name=newFinal] section > ul > li.FCH > label{
    width:calc(100% - 50px);
    float:right;
}
form[name=newFinal] section > ul > li.FCH.CDW .material-icons{
    float: left;
    margin: 12px;
}
form[name=newFinal] section > ul > li.FCH.RLP .material-icons{
    float: left;
    margin: 12px;
    color:green;
}
form[name=newFinal] section > ul > li.FCH.RLP > label,
form[name=newFinal] section > ul > li.FCH.CDW > label{
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    float: unset;
    width: 100%;
    margin-bottom:10px;
}
form[name=newFinal] section > ul > li.FCH.RLP > div,
form[name=newFinal] section > ul > li.FCH.CDW > div{
    margin-bottom:10px;
}
form[name=newFinal] section > ul > li.FCH.RLP > div > input,
form[name=newFinal] section > ul > li.FCH.CDW > div > input{
    width:50px; height:25px;
    float:left;
}
form[name=newFinal] section > ul > li.FCH.RLP > div > span,
form[name=newFinal] section > ul > li.FCH.CDW > div > span{
    line-height:25px;
}
form[name=newFinal] .BLK_CAD > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_AIN > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_DIN > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_IIN > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_FIN > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_NTE > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_CAD > ul > li:not(.SECHEADER),
form[name=newFinal] .BLK_AIN > ul > li.CS,
form[name=newFinal] .BLK_AIN > ul > li.UC,
form[name=newFinal] .BLK_CAD > ul > li.FLD.ST,
form[name=newFinal] .BLK_DIN > ul > li.FLD.LT{
    display:none;
}
form[name=newFinal] .BLK_IIN input[type=button]{
    width:120px!important;    
}

form[name=newFinal] .BLK_IIN .RLP.FCH{
     border: 1px solid #d5efd9;
}
form[name=newFinal] .BLK_IIN .CDW.FCH{
     border: 1px solid #e5e7eb;
}
form[name=newFinal] .BLK_IIN .RLP.FCH,
form[name=newFinal] .BLK_IIN .CDW.FCH{
    border-radius: 20px;
}
form[name=newFinal] .BLK_IIN .RLP.FCH label{
    background: linear-gradient(180deg, #f9fefb 0%, #eefbf2 100%);
    border-bottom: 1px solid #d5efd9;
}
form[name=newFinal] .BLK_IIN .CDW.FCH label{
    background: linear-gradient(90deg, #edf4ff 0%, #f5f8ff 100%);
    border-bottom: 1px solid #e5e7eb;
    
}
form[name=newFinal] .BLK_IIN .RLP.FCH label,
form[name=newFinal] .BLK_IIN .CDW.FCH label{
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
form[name=newFinal] .BLK_IIN .RLP div{
    border-bottom: 1px solid #d5efd9;
}
form[name=newFinal] .BLK_IIN .CDW div{
    border-bottom: 1px solid #e5e7eb;
}
form[name=newFinal] .BLK_IIN .RLP div,
form[name=newFinal] .BLK_IIN .CDW div{
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
}
form[name=newFinal] .BLK_IIN .RLP div:last-child,
form[name=newFinal] .BLK_IIN .CDW div:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
form[name=newFinal] .BLK_IIN .RLP.FLW,
form[name=newFinal] .BLK_IIN .CDW.FLW{
    padding-bottom: 10px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}


form[name=newFinal] .BLK_AIN > ul > li.SN > label,
form[name=newFinal] .BLK_AIN > ul > li.UC > label{
    float:right;
    width:calc(100% - 30px);
}
.headerDiv{ height:100px!important;}
.slideDown span{cursor:pointer; }

/*.addonContainer.viewMode{*/
/*    padding: 10px 20px 20px 20px;*/
/*    position:fixed;*/
/*    top:105px;*/
/*    left:50%;*/
/*    right:50%;*/
/*    margin-left:-40%;*/
/*    margin-right:-40%;*/
/*    background: #FFF;*/
/*    box-shadow: 0 0 5px #888;*/
/*    border-radius:20px; */
/*    z-index:9999; */
    
/*}*/
/*.addonContainer.viewMode ul.covAdd{*/
/*    overflow-x:unset;*/
/*    overflow-y:auto;*/
/*    display:flex;*/
/*    flex-direction:row;*/
/*    flex-wrap:wrap;*/
/*}*/
/*.addonContainer .fa-xmark{*/
/*    display:none;*/
/*}*/
/*.addonContainer .view{*/
/*    display:unset;*/
/*}*/
/*.addonContainer.viewMode .fa-xmark{*/
/*    display:unset;*/
/*}*/
/*.addonContainer.viewMode .view{*/
/*    display:none;*/
/*}*/
.tncAgree > ul {
    margin-left: 20px;
}
.tncAgree > ul > li.locationTNC > div{
    display:none;
}
.tncAgree > ul > li.generalTNC > div{
    display:none;
}
.tncAgree > ul > li > h3{
    text-decoration: underline;
    background: #DDD;
    margin-bottom: 5px;
    text-indent: 10px;
    cursor:pointer;
}
.tncAgree > ul > li > div{
    max-height: 180px;
    overflow-y:auto;
}
.vehicles {
    padding-bottom:60px;
}

.totalAmount{ 
    height:60px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    box-shadow: 0 0 5px #888;
    background: #fff;
    height: 60px;
    z-index: 990;
}
.totalAmount .proceed{
    float:right;
    margin-top:7.5px;
    margin-left: 15px;
}
.totalAmount .proceed input[type=button]{
    width: 150px !important;
}
.totalAmount .showIcon{
    float:left;
    margin-right: 15px;
    display:none;
}
.totalAmount .showIcon .slideDown{
    width: 50px;
    height: 50px;
    margin-top: 5px;
    
}
.totalAmount .showIcon .material-symbols-outlined{
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    background: #eee;
    border-radius: 25px;
}
.totalAmount .totalNum span{
    font-size: 0.9em;
    line-height: 20px;
}
.totalAmount .totalNum h3{
    font-size: 30px;
    line-height: 40px;
    margin: 0 0; 
    color:green;
    font-size:1.7em;
}
@media only screen and (min-width: 1025px) {
    #lpnav-NP {
        display: none;
    }
    #wpgnav, #lwpnavi-TM {
        display: none;
    }
    .rentalInfo {
        display: block;
        margin: 2px 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    #lpnav-NP {
        display: block;
    }
    .rentalInfo {
        display: block;
    }
}
@media only screen and (min-width: 0) and (max-width: 800px) {
    section.BLK_TIN .CAPTCHA {
        position: unset;
        margin-bottom: 20px;
    }
    
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
    .newFinal section {
        width: 98%;
    }
    form[name="newFinal"] section .FLD {

    }
    form[name="newFinal"] section.BLK_TIN h3 {
        font-size: 1em;
    }
    .rc-anchor-normal {
        width: 268px;
    }
    form[name="newFinal"] section li.UA,
    form[name="newFinal"] section li.EM,
    form[name="newFinal"] section li.SA {
        font-size: 20px;
        float: inline-start;
    }
    
    .BLK_LGN .HM {
        padding-top: unset;
        padding-bottom: unset;
        margin: 0 auto;
        width: 70%;
    }
    form[name="newFinal"] section.BLK_UIN .CNT,form[name="newFinal"] section.BLK_XIN .CNT {
        margin-right: 0;
    }
}
@media only screen and (min-width: 0px) and (max-width: 430px) {
    form[name="newFinal"] .showTestRental {
        float: none;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .vehicles {
        max-width: 95%;
    }
    .upgradeWrapper .vehicles{
        max-width: 100%;
    }
    .totalAmount .totalWrapper {
        max-width: 95%;
        margin: 0 auto;
    }
    .BLK_LGN .HM {
        padding-top: unset;
        padding-bottom: unset;
        margin: 0 auto;
        width: 70%;
    }
    /*#addonsAndExtras .addonContainer {*/
    /*    width: 712px;*/
    /*}*/
    /*#addonsAndExtras .addonContainer ul li {*/
    /*    width: 320px !important;*/
    /*}*/
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .vehicles {
        max-width: 90%;
    }
    .upgradeWrapper .vehicles{
        max-width: 100%;
    }
    .BLK_LGN .HM {
        padding-top: unset;
        padding-bottom: unset;
        margin: 0 auto;
        width: 70%;
    }
    /*#addonsAndExtras .addonContainer {*/
    /*    width: 795px;*/
    /*}*/
}
@media only screen and (min-width: 0px) and (max-width: 340px) {
    .vehicles {
        /*max-width: 95%;*/
    }
}
@media only screen and (min-width: 0px) and (max-width: 899px) {
    /*.vehSection .addonContainer{*/
    /*    display:none;*/
    /*}*/
    .mobileVehSection .view{
        display:none;
    }
    .footer-wrapper {
        padding-bottom: 125px;
    }
    .vList .pickupDetails {
        /*display: none;*/
    }
    .rentalDetails .vehSection {
        /*display: none;*/
    }
    .vehicles>ul.rentalDetails {
        display: block;
    }
    .vehicles>ul.rentalDetails .customerSection {
        width: 100%;
        padding: 0;
        height: auto;
    }
    form[name="newFinal"] section li.NT textarea {
        width: 98%;
    }
    form[name="newFinal"] section.BLK_BTN input[type='button'] {
        display: none;
    }
    .vehicles .payableSection {
        display: block;
    }
    .payableSection .totalAmount {
        display: flex;
        justify-content: space-between;
        padding: 15px 25px;
    }
    .payableSection .totalAmount>div:first-child {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .payableSection .totalAmount > div:nth-child(2) h3{
        color: green;
    }
    .payableSection .vehicleSection {
        animation: slideIn 0.5s ease-in-out forwards;
        width: auto !important;
        border: none;
        transform-origin: center bottom;
        transform: scaleY(0);
        padding: 16px 17px;
    }
    .payableSection .vehicleSection>div[name="slideDown"] {
        float: right;
    }
    .payableSection .vehicleSection .vinfo {
        gap: 5px;
        width: 100%;
    }
    .payableSection .vimg img {
        width: 260px;
        height: 160px !important;
        object-fit: contain;
    }
    .vehicles .vehicleSection .spec {
        width: auto;
    }
    .payableSection .vehicleSection .ppic .amount {
        padding: 0;
    }
    .payableSection .pickupDetails {
        display: block;
        padding: 5px 0 20px 0;
    }
    .payableSection ul.pickupReturn {
        padding: 0;
        font-size: 15px;
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
    }
    .payableSection ul.pickupReturn li>span {
        color: var(--interactive-color);
    }
}
@media only screen and (min-width: 341px) and (max-width: 800px) {
    .vehicles {
        max-width: 94%;
    }
    .upgradeWrapper{max-width:355px;}
    .upgradeWrapper .vehicles{
        max-width:100%;
    }
    .upgradeWrapper .vehicles .vehiclecard{
        max-width: 350px;
        flex: 0 0 350px;
    }
    .totalAmount .totalWrapper {
        max-width: 94%;
        margin: 0 auto;
    }
    .upgradeWrapper .vehicles{
        max-height:610px;
        overflow-x:hidden;
        overflow-y:auto
    }
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
    .vehicleSection h3.pricing {
        width: 100%;
    }
    .payableSection .vehicleSection>.title {
        display: block;
        width: 92%;
        float: left;
    }
    .payableSection .spec .title {
        display: none;
    }
    .payableSection .vehicleSection .pnow .price li.totalPay {
        display: none;
    }
    .payableSection .vehicleSection .pnow {
        width: 100%;
        flex-direction: column;
    }
    .payableSection .vehicleSection .pnow>ul {
        width: 100%;
    }
    .payableSection .vehicleSection .pnow .ppic ul li:nth-child(1) {
        float: left;
        line-height: 24px;
    }
    .payableSection .vehicleSection .pnow .ppic ul li:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
    }
    .payableSection .vimg {
        width: 33%;
    }
    .payableSection .vimg>img {
        width: 100%;
        height: 100%;
    }
    .payableSection .vehicleSection .spec {
        width: 67%;
        gap: 8px;
        margin-top: 0;
        justify-content: center;
    }
    .payableSection .vehicleSection .specs {
        gap: 5px;
    }
    .payableSection .vehicleSection .specs li {
        gap: 5px;
        padding: 8px 5px;
    }
    .vehicleSection .specs li>img {
        width: 15px;
        height: 15px;
    }
    .payableSection .totalAmount,
    .payableSection .proceed {
        padding: 10px 17px
    }
    .payableSection .pickupReturn li {
        height: auto !important;
        font-size:12px;
    }
    .payableSection .vimg img {
        height: 105px !important;
    }
    /*#addonsAndExtras .addonContainer {*/
    /*    width: 75%;*/
    /*}*/
    /*.addonHeader h2 {*/
    /*    padding: 0 !important;*/
    /*    font-size: 1.15em;*/
    /*}*/
    /*#addonsAndExtras .addonContainer ul li {*/
    /*    width: 100% !important;*/
    /*}*/
    /*#addonsAndExtras .btnExtras {*/
    /*    width: 127px;*/
    /*}*/
    .totalAmount .totalNum h3{
        font-size: 1.3em;
    }
}
@media only screen and (min-width: 501px) and (max-width: 899px) {
    .final section {
        width: 99%;
    }
    .pricewrapper{
        /*margin: 0 auto;*/
    }
    .payableSection .vehicleSection {
        padding: 15px 25px;
    }
    .payableSection .vehicleSection .pnow>ul {
        width: 60%;
    }
    .payableSection .vimg {
        width: 40%;
    }
    .payableSection .vimg img {
        width: 100%;
    }
    .vehicleSection .specs li {
        padding: 3px 7px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 651px) {
    /*#addonsAndExtras .addonContainer {*/
    /*    width: 75%;*/
    /*}*/
    /*.addonHeader h2 {*/
    /*    padding: 0 !important;*/
    /*    font-size: 1.15em;*/
    /*}*/
    /*#addonsAndExtras .addonContainer ul li {*/
    /*    width: 100% !important;*/
    /*}*/
    /*#addonsAndExtras .btnExtras {*/
    /*    width: 127px;*/
    /*}*/
}
@media only screen and (min-width: 652px) and (max-width: 800px) {
    /*#addonsAndExtras .addonContainer {*/
    /*    width: 550px;*/
    /*}*/
    /*#addonsAndExtras .addonContainer ul li {*/
    /*    width: 239px !important;*/
    /*}*/
    /*#addonsAndExtras .btnExtras {*/
    /*    width: 130px;*/
    /*}*/
}
@media only screen and (min-width: 900px) and (max-width: 1280px) {
    .vehicles .vehicleSection .spec {
        margin-top: 0;
        width: 100%;
        align-items: center;
    }
    .pricewrapper{
        width:100%;
        margin: 0 auto;
    }
    .vinfo .spec .title {
        text-align: center;
    }
    .vehicleSection h3.pricing {
        width: 100%;
    }
    form[name="newFinal"] section li.DA,
    form[name="newFinal"] section li.NM {

    }
    .vehicles .vehicleSection .vinfo {
        flex-direction: column;
        gap: 0;
        padding-bottom: 15px;
    }
    .vehicles .vehicleSection .vimg {
        display: flex;
        margin: 0 auto;
    }
    .vehicleSection .pnow {
        flex-direction: column;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(1) {
        float: left;
        line-height: 24px;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }

    .vinfo .spec .title {
        text-align: center;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1025px) {
    .vehSummarySpecs {
        display: grid;
        grid-template-columns: auto auto auto;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1419px) {
    .vehicles {
        max-width: 1220px;
    }
    .totalAmount .totalWrapper {
        max-width: 1220px;
        margin: 0 auto;
    }
    .pricewrapper{
        width:100%;  
        margin: 0 auto;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(1) {
        float: left;
        line-height: 24px;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
    }
    .vehicleSection .pnow {
        flex-direction: column;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }
    .vehicleSection h3.pricing {
        width: 100%;
    }

    .vinfo .spec .title {
        text-align: center;
    }
    .vehSummarySpecs li {
 
        flex: 0 1 55.5px !important;
    }
}
@media only screen and (min-width: 1420px) and (max-width: 1579px) {
    .vehicles {
        max-width: 1370px;
    }
    .totalAmount .totalWrapper {
        max-width: 1370px;
        margin: 0 auto;
    }
.pricewrapper{
        width:100%;
        margin: 0 auto;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(1) {
        float: left;
        line-height: 24px;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
    }

    .vehicleSection .pnow {
        flex-direction: column;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }
    .vehicleSection h3.pricing {
        width: 100%;
    }

    .vinfo .spec .title {
        text-align: center;
    }
    .vehSummarySpecs {
        gap: 12px !important;
    }
}
@media only screen and (min-width: 1580px) {
    .vehicles {
        max-width: 1500px;
    }
    .totalAmount .totalWrapper {
        max-width: 1500px;
        margin: 0 auto;
    }
    .pricewrapper{
        width:100%;
        margin: 0 auto;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(1) {
        float: left;
        line-height: 24px;
    }
    .vehicleSection .pnow .ppic ul li:nth-child(2) {
        font-size: 25px;
        line-height: 30px;
    }

    .vehicleSection .pnow {
        flex-direction: column;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }
    .vehicleSection h3.pricing {
        width: 100%;
    }

    .vinfo .spec .title {
        text-align: center;
    }
}
@media only screen and (min-width: 0)  and (max-width: 700px) {
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: 100%;*/
    /*}*/
    
    .pickupDetails > div{
        width: calc(50% - 10px);
    }
    .pickupDetails > div.rlocation{
        width: calc(100% - 10px);
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }

    .vehicleSection .pnow .ppic ul li:nth-child(1){
        float:left;
    }
}
@media only screen and (min-width: 701px) and (max-width: 800px) {
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(50% - 42px);*/
    /*}*/
    .pickupDetails > div{
        width: 160px;
    }
    .pickupDetails > div.rlocation{
        width: 310px;
        float: right;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }

    .vehicleSection .pnow .ppic ul li:nth-child(1){
        float:left;
    }
}
@media only screen and (min-width: 801px) and (max-width: 899px) {
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(50% - 42px);*/
    /*}*/
    .pickupDetails > div{
        width: 160px;
    }
    .pickupDetails > div.rlocation{
        width: 410px;
        float: right;
    }
    .vehicleSection .pnow .price li.totalPay {
        display: none;
    }

    .vehicleSection .pnow .ppic ul li:nth-child(1){
        float:left;
    }
}
@media only screen and (min-width: 0) and (max-width: 499px){
    form[name="newFinal"] .SECHEADER h3{
        text-indent:10px;
    }
    .toggle{
        margin-right:10px;
    }
    form[name=newFinal] li.FLW{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CHK{
        width: 30px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CSN{
        width: calc(100% - 70px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.FLD{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.CN{
        width: calc(75% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.CV{
        width: calc(25% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.XM,
   form[name=newFinal] .BLK_AIN li.FLD.XY{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.SVC,
   form[name=newFinal] .BLK_UIN li.FLD.EM,
   form[name=newFinal] .BLK_UIN li.FLD.PH{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_UIN li.FLD.FN,
   form[name=newFinal] .BLK_UIN li.FLD.LN,
   form[name=newFinal] .BLK_DIN li.FLD.LS,
   form[name=newFinal] .BLK_DIN li.FLD.LT,
   form[name=newFinal] .BLK_DIN li.FLD.LC{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_DIN li.FLD.DB,
   form[name=newFinal] .BLK_DIN li.FLD.LM,
   form[name=newFinal] .BLK_DIN li.FLD.LE{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.SA{
       width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ST,
   form[name=newFinal] .BLK_CAD li.FLD.SS{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ZP{
        width: calc(30% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.CT{
        width: calc(70% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   
   form[name=newFinal] .BLK_FIN li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
}
@media only screen and (min-width: 500px) and (max-width: 599px){
    form[name="newFinal"] .SECHEADER h3{
        text-indent:10px;
    }
    .toggle{
        margin-right:10px;
    }
    form[name=newFinal] li.FLW{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CHK{
        width: 30px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CSN{
        width: calc(100% - 70px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.SVC,
   form[name=newFinal] .BLK_UIN li.FLD.EM,
   form[name=newFinal] .BLK_AIN li.FLD.CN,
   form[name=newFinal] .BLK_UIN li.FLD.PH{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_UIN li.FLD.FN,
   form[name=newFinal] .BLK_UIN li.FLD.LN,
   form[name=newFinal] .BLK_DIN li.FLD.LS,
   form[name=newFinal] .BLK_DIN li.FLD.LT,
   form[name=newFinal] .BLK_DIN li.FLD.LC{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_DIN li.FLD.DB,
   form[name=newFinal] .BLK_DIN li.FLD.LM,
   form[name=newFinal] .BLK_DIN li.FLD.LE{
        width: calc(33.33% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.SA{
       width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ST,
   form[name=newFinal] .BLK_CAD li.FLD.CT,
   form[name=newFinal] .BLK_CAD li.FLD.SS{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_FIN li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD.PT{
       width: 120px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD{
        width: calc(50% - 90px);
        margin-left:10px;
        margin-right:10px;
   }
}
@media only screen and (min-width: 600px) and (max-width: 899px){
    form[name="newFinal"] .SECHEADER h3{
        text-indent:10px;
    }
    .toggle{
        margin-right:10px;
    }
    form[name=newFinal] li.FLW{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CHK{
        width: 30px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CSN{
        width: calc(100% - 70px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.FLD{
        width: calc(33.33% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.XM,
   form[name=newFinal] .BLK_AIN li.FLD.XY,
   form[name=newFinal] .BLK_AIN li.FLD.CV{
        width: calc(20% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.CN{
        width: calc(40% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.SVC,
   form[name=newFinal] .BLK_UIN li.FLD.EM,
   form[name=newFinal] .BLK_UIN li.FLD.PH{
        width: calc(66.66% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_UIN li.FLD.FN,
   form[name=newFinal] .BLK_UIN li.FLD.LN,
   form[name=newFinal] .BLK_DIN li.FLD.LS,
   form[name=newFinal] .BLK_DIN li.FLD.LT,
   form[name=newFinal] .BLK_DIN li.FLD.LC{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.SA{
       width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ST,
   form[name=newFinal] .BLK_CAD li.FLD.CT,
   form[name=newFinal] .BLK_CAD li.FLD.SS{
        width: calc(66.66% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_FIN li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD.PT{
       width: 120px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD{
        width: calc(50% - 90px);
        margin-left:10px;
        margin-right:10px;
   }
}
@media only screen and (min-width: 900px) and (max-width: 1024px){
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(50% - 42px);*/
    /*}*/
}
@media only screen and (min-width: 1025px) and (max-width: 1279px){
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(33.33% - 42px);*/
    /*}*/
}
@media only screen and (min-width: 900px) and (max-width: 1279px){
  /*  .vehicles {
        max-width: 95%;
    }*/
    .totalAmount .totalWrapper {
        max-width: 95%;
        margin: 0 auto;
    }
    form[name=newFinal] li.FLW{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CHK{
        width: 30px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CSN{
        width: calc(100% - 70px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.SVC,
   form[name=newFinal] .BLK_UIN li.FLD.EM,
   form[name=newFinal] .BLK_AIN li.FLD.CN,
   form[name=newFinal] .BLK_UIN li.FLD.PH{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_UIN li.FLD.FN,
   form[name=newFinal] .BLK_UIN li.FLD.LN,
   form[name=newFinal] .BLK_DIN li.FLD.LS,
   form[name=newFinal] .BLK_DIN li.FLD.LT,
   form[name=newFinal] .BLK_DIN li.FLD.LC{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_DIN li.FLD.DB,
   form[name=newFinal] .BLK_DIN li.FLD.LM,
   form[name=newFinal] .BLK_DIN li.FLD.LE{
        width: calc(33.33% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.SA{
       width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ST,
   form[name=newFinal] .BLK_CAD li.FLD.CT,
   form[name=newFinal] .BLK_CAD li.FLD.SS{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_FIN li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD.PT{
       width: 120px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD{
        width: calc(50% - 90px);
        margin-left:10px;
        margin-right:10px;
   }
}
@media only screen and (min-width: 1280px) and (max-width: 1520px){
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(33% - 42px);*/
    /*}*/
}

@media only screen and (min-width: 1280px){
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(33% - 42px);*/
    /*}*/
    form[name=newFinal] li.FLW{
        width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CHK{
        width: 30px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.CSN{
        width: calc(100% - 70px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.FLD{
        width: calc(33.33% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.CN{
        width: calc(40% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_AIN li.FLD.XM,
   form[name=newFinal] .BLK_AIN li.FLD.XY,
   form[name=newFinal] .BLK_AIN li.FLD.CV{
        width: calc(20% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] li.SVC,
   form[name=newFinal] .BLK_UIN li.FLD.EM,
   form[name=newFinal] .BLK_UIN li.FLD.PH{
        width: calc(66.66% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_UIN li.FLD.FN,
   form[name=newFinal] .BLK_UIN li.FLD.LN,
   form[name=newFinal] .BLK_DIN li.FLD.LS,
   form[name=newFinal] .BLK_DIN li.FLD.LT,
   form[name=newFinal] .BLK_DIN li.FLD.LC{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.SA{
       width: calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_CAD li.FLD.ST,
   form[name=newFinal] .BLK_CAD li.FLD.CT,
   form[name=newFinal] .BLK_CAD li.FLD.SS{
        width: calc(66.66% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_FIN li.FLD{
        width: calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD.PT{
       width: 120px;
        margin-left:10px;
        margin-right:10px;
   }
   form[name=newFinal] .BLK_IIN li.FLD{
        width: calc(50% - 90px);
        margin-left:10px;
        margin-right:10px;
   }
}
@media only screen and (min-width: 1521px){
    /*.addonContainer.viewMode ul.covAdd li{*/
    /*    width: calc(25% - 44px);*/
    /*}*/
}

.rentalExtrasWrap {
    width: 100%;
    margin-top: 12px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
.rentalExtrasWrap *,
.rentalExtrasWrap *::before,
.rentalExtrasWrap *::after {
    box-sizing: border-box;
}
.rentalExtraPayNow{
    background: linear-gradient(180deg, #f9fefb 0%, #eefbf2 100%)!important;
}
.rentalExtraPayNow,
.rentalExtraAction {
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 14px;
    background: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 8px;
    
}
.rentalExtraPayButton{
    width:150px!important;
}
/* Deposit notice */
.rentalExtraDeposit {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f4f8ff;
    border-color: #d7e5ff;
    color: #333333;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 12px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding:10px;
}
.rentalExtraDeposit .material-icons {
    flex: 0 0 auto;
    color: #168eea;
    font-size: 19px;
}
/* Pay now section */
.rentalExtraPayNow {
    border: 1px solid #24a94f;
}
.rentalExtraPayTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.rentalExtraPayHeading {
    margin: 0;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}
.rentalExtraSaveBadge {
    flex: 0 0 auto;
    padding: 2px 6px;
    color: #16863c;
    background: #eaf8ee;
    border: 1px solid #bde4c7;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.rentalExtraPayContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.rentalExtraPayDescription {
    /*flex: 1;*/
    /*min-width: 0;*/
    /*margin: 0;*/
    /*color: #555555;*/
    /*font-size: 13px;*/
    /*line-height: 1.4;*/
    margin:5px;
    color:#555;
    font-size:13px;
    line-height:1.5;
}
.rentalExtraPayBottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.rentalExtraPayRight {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}
.rentalExtraPayAmount {
    color: #16863c;
    font-size: 21px;
    font-weight: 700;
    white-space: nowrap;
}
/* Upgrade and coverage rows */
.rentalExtraAction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #222222;
    text-decoration: none;
    cursor: pointer;
}
.rentalExtraAction:hover {
    background: #fafafa;
}
.rentalExtraActionContent {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}
.rentalExtraActionIcon {
    flex: 0 0 auto;
    color: var(--brand-color);
    font-size: 22px;
}
.rentalExtraActionText {
    min-width: 0;
}
.rentalExtraActionTitle {
    margin: 0 0 2px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}
.rentalExtraActionDescription {
    margin: 0;
    color: #666666;
    font-size: 12px;
    line-height: 1.35;
}
.rentalExtraActionArrow {
    flex: 0 0 auto;
    color: #777777;
    font-size: 22px;
}
/* Tablet and smaller desktop */
@media screen and (max-width: 1050px) {
    .rentalExtraDeposit,
    .rentalExtraPayNow,
    .rentalExtraAction {
        padding: 10px 12px;
    }
    .rentalExtraPayHeading {
        font-size: 15px;
    }
    .rentalExtraPayAmount {
        font-size: 18px;
    }
}
/* Mobile */
@media screen and (max-width: 600px) {
    .rentalExtraPayTop {
        align-items: flex-start;
    }
    .rentalExtraPayContent {
        align-items: flex-end;
    }
    .rentalExtraPayRight {
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
    }
    .rentalExtraPayDescription {
        font-size: 12px;
    }
    .rentalExtraPayAmount {
        font-size: 17px;
        text-align:center;
    }
    .rentalExtraActionDescription {
        font-size: 11px;
    }
    /*.rentalExtraPayBottom{*/
    /*    flex-direction:column;*/
    /*    align-items:stretch;*/
    /*}*/

    .rentalExtraPayAmount{
        text-align:center;
    }
}

.vehSummary{
    width:100%;
}
.vehSummaryTop{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:15px;
}
.vehSummaryImage{
    flex-shrink:0;
}
.vehicles .vehSummaryImage img{
    height:60px;
    width:auto;
    display:block;
    padding:0;
}
.vehSummaryInfo{
    flex:1;
}
.vehSummaryInfo h3{
    line-height: 20px;
    font-size: 18px;
    margin:0;
    font-weight:700;
    color:#222;
}
.vehSummaryInfo span{
    display:block;
    margin-top:4px;
    color:#666;
    font-size:15px;
    
}
.vehSummarySpecs{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    gap: 5px;
    flex-wrap: wrap;
}
.vehSummarySpecs li{
    display:flex;
    align-items:center;
    gap:6px;
    padding: 5px 10px;
    border:1px solid #d9d9d9;
    border-radius:7px;
    background:#fff;
    min-width: 45px;
    flex: 0 1 60px;
}
.vehSummarySpecs .material-symbols-outlined{
    color:#1797e8;
    font-size:22px; 
}
/* Tablet */
@media(max-width:900px){
    .pricingBox span.close-pricing{
        display:unset;
    }
    .totalAmount .showIcon{
        display:unset;
    }
    .vehSummaryInfo h3{
        font-size:20px;
    }
    .vehSummaryInfo span{
        font-size:14px;
    }
    .vehSummarySpecs li{
        padding:7px 11px;
        font-size:15px;
    }
    .pricingBox{
        min-width:300px;
        position: fixed;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        box-shadow: 0 0 5px #888;
        padding: 20px;
        display: none;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        z-index:99;
    }
    .vehicles>ul.rentalDetails .vehicleSection{
        display:block!important;
        width: calc(100%);
        border-left: unset;
        padding-left: unset;
    }
    .vehSummarySpecs{
        display: grid;
        grid-template-columns: auto auto auto;
    }
}
/* Mobile */
@media(max-width:600px){
    .vehSummaryTop{
        gap:12px;
    }
    .vehSummaryImage img{
        height:38px;
    }
    .vehSummaryInfo h3{
        font-size:18px;
    }
    .vehSummaryInfo span{
        font-size:13px;
    }
    .vehSummarySpecs{
        gap:8px;
    }
    .vehSummarySpecs li{
        padding:6px 9px;
        font-size:14px;
    }
    .vehSummarySpecs .material-symbols-outlined{
        font-size:20px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .vehSummarySpecs {
        display: grid;
        grid-template-columns: auto auto auto auto;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1024px) {
    .vehSummarySpecs {
        display: grid;
        grid-template-columns: auto auto auto;
    }
}