.notyf__message {font-size: 1.4rem;}
.notyf__icon--error {display:none !important;}

.wrapper-step-list { height:100%; overflow:hidden; }
.reCaptcha { width:fit-content; height:auto; position:absolute; right:0; bottom:8.4rem; z-index:499; padding:0; overflow: visible; background:#f9f9f9; border-radius:.3rem 0 0 .3rem; box-shadow: 0 0 .3rem rgba(0,0,0,.3); transition:none; }
.reCaptcha:hover { transform: none; }
@media screen and (max-width: 560px) {
    .reCaptcha{ display: block; }
}
.wrapper-content-list, .wrapper-step-list { transition: none; }

.subtitle { margin: 0 auto 2.5rem; }
.header .tel { font-size:16px; font-weight:600; font-style: normal; }
.footer .button { font-size: 16px; font-weight: 600; font-style: normal; outline: none; }
.footer { z-index:200; }

.box-title { font-size: 3.333333rem; } /* [~] 40px pt screen width 1440px */
.box-title.with-icon {
    height: 8rem;
    margin: 0;
    align-items: center;
    display: flex;
}
.box-description {
    color: #414141;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 20px;
}
@media screen and (max-width: 800px) {
    .box-title { font-size: 2.36363636rem; } /* [~] 26px pt screen width 375px */
}

.loader { top: 0px; }

.promo-text,
.progressive-promo-text,
.promo-text-car {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin: 40px 60px 0 60px;
}
.step-2 .promo-text-car {
    margin: 0;
}
.step-5 .promo-text {
    margin-bottom: 40px;
}

.promo-link,
.promo-link-car,
.progressive-promo-link {
    /* color: #FF7915; */
    font-size: 18px;
    font-weight: 400;
}
.promo-link.systemerror {
    color: #b10202;
}

.promo-link b,
.promo-link-car b,
.progressive-promo-link b {
    color: #006192;
}

.promo-link a,
.promo-link-car a,
.progressive-promo-link a {
    color: #414141;
    text-decoration: underline;
}

.step-1 .wrapper-step-slide:nth-child(1) .box { 
    background: #fff url(../images/bg-img-car.png) no-repeat 10% 50%; background-size: 28% auto; 
    margin: 0 auto;
}

.gdpr-link {
    color: #414141;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin-top: 7.5px;
    display: block;
    cursor: pointer;
}

.gdpr-link i {
    font-size: 24px;
    position: relative; top: 5.5px; display: inline-block; left: 5px;   
}

.select-box-field .select .select-input {
    font-weight: 600; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: clip;
    width: 90%;
}
.select-box-field.disabled .select .select-input, .select-box-field.disabled>label { color: #C2C2C2; cursor: default; }
.form .select-box-field.disabled:after { color: #C2C2C2; }
.form .select-box-field.disabled { border-bottom: .16rem solid #C2C2C2; }
.form .select-box-field.disabled select { color: #C2C2C2; -webkit-text-fill-color: #C2C2C2; }

.input-box-field.disabled { border-bottom: .16rem solid #C2C2C2!important; }
.input-box-field.disabled input,
.oferta-12-luni.disabled input { color: #C2C2C2!important; -webkit-text-fill-color: #C2C2C2; }
.input-box-field.disabled label, .input-box-field.disabled span,
.oferta-12-luni.disabled label, .oferta-12-luni.disabled span { color: #C2C2C2!important; }

.step-1 .wrapper-step-slide:nth-child(2) .with-bg-img .box-cell:first-child { min-height: 25rem; }

@media screen and (orientation:landscape) and (min-width: 801px) {
    .vehicle-model-select {
        width: fit-content;
        min-width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .step-1 .wrapper-step-slide:nth-child(1) .box, .step-pin .wrapper-step-slide:nth-child(1) .box { padding-top:22rem; background-position:50% 15%; background-size: 20rem auto; }
    .box-cell, .step-0 .box-cell:nth-child(2), .step-4 .terms-step .box-cell:nth-child(2) {
        min-height: auto !important;
    }
    .step-2 .box-cell:nth-child(1) { height: auto; }
    .step-2 .box-cell:nth-child(2) { height: auto; }
}
@media screen and (orientation:portrait) {
    .step-1 .wrapper-step-slide:nth-child(1) .box, .step-pin .wrapper-step-slide:nth-child(1) .box { padding-top:22rem; padding-bottom:1rem; background-position:50% 15%; background-size: 20rem auto; }
    .box-cell, .step-0 .box-cell:nth-child(2), .step-4 .terms-step .box-cell:nth-child(2) {
        min-height: auto !important;
    }
    .step-2 .box-cell:nth-child(1) { height: auto; }
    .step-2 .box-cell:nth-child(2) { height: auto; }
}
@media screen and (max-width: 580px) {
    .step-1 .wrapper-step-slide:nth-child(1) .box, .step-pin .wrapper-step-slide:nth-child(1) .box { padding-top:16rem; padding-bottom:2rem; background-position:50% 10%; background-size: 14rem auto; }
    .box-cell, .step-0 .box-cell:nth-child(2), .step-4 .terms-step .box-cell:nth-child(2) {
        min-height: auto !important;
    }
    .step-2 .box-cell:nth-child(1) { height: auto; }
    .step-2 .box-cell:nth-child(2) { height: auto; }
    .title {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin-bottom: 2rem;
        padding-top: 0rem;
    }
}

.quote-slider .swiper-pagination span i { display: none; }
.quote-slider .swiper-pagination span.recommended:before { width:auto; display:inline-block; position:absolute; top:-1rem; left:50%; transform: translate(-50%,0); color:#444; background:#fdd25c; border-radius:.2rem; padding:.3rem 1rem; font-size:.9rem; line-height:1.2rem; text-align:center; content: attr(data-content); font-weight:bold; text-transform:uppercase; white-space:nowrap; }
@media screen and (max-width: 580px) {
    /* .quote-slider .swiper-pagination span.recommended:before { display: none; } */
    .swiper-slide.recommended:before {
        width:auto; display:inline-block; position:absolute; top:-1rem; left:50%; transform: translate(-50%,0); color:#444; background:#fdd25c; border-radius:.2rem; padding:.3rem 1rem; font-size:.9rem; line-height:1.2rem; text-align:center; content: attr(data-content); font-weight:bold; text-transform:uppercase; white-space:nowrap;
    }
    .quote-slider .swiper-pagination span.recommended:before {
        top: 0;
        left: 0;
        display: block!important;
        width: 100%;
        height: 4px;
        content: "";
        transform: none;
        border-radius: unset;
        padding: 0;
        margin: 0;
    }
    .quote-slider .swiper-pagination span.recommended i { 
        display: block; 
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        background-image: url("../images/shiny-star.svg");
        width: 24px;
        height: 24px;
    }
}

.quote-slider .swiper-slide.quote-slide:not(:first-child) {
    position: relative;
}

.pd-box .form-row-switch {
    z-index: 1; /* [~] wtf, can't click on justRca button otherwise */
}

@media screen and (max-width: 800px) {
    .pd-box .form-row-switch {
        float: left;
        margin: 20px 0;
        width: 100%;
    }
}

.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active em{
    top: 1.1rem;
    position: relative;
}

@media screen and (max-width: 800px) {
    .quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active em{
        top: 0;
    }
}

.quote-slider .quote-slide { transition: none; overflow: visible!important; }
.one-slide.quote-slider .swiper-pagination span { border-right: none; }

.quote-slider .swiper-pagination span { transition: none; }
.quote-slider .box-cell > h6 {
    /* equivalent to the '.step-2 h6' used for DOM.offerPackageTitle */
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.quote-slider .box-cell .box-title + .mobile.sav + .offer-box + p {
    font-weight: 600;
    font-size: 20px;
}

@media screen and (max-width: 800px) {
    .quote-slider .box-cell > h6, .quote-slider .box-cell > h6 + h3 {
        text-align: center;
    }
}

@media (hover: none) and (pointer: coarse) {
    .form .form-row-checkbox:hover label:after,
    .form .form-row-radio:hover label:after { 
        content:""; border-color: rgba(0,0,0,.2)!important; color:unset; background:#fff!important; }
}

/* [~] piggy-backin' */
.view-error-msg.view-info-msg .error-msg:not(.field-error) {
    background: #ECF0F8;
    border-color: #496EBD;
}
.view-error-msg.view-info-msg .error-msg:not(.field-error):after {
    color: #496EBD;
    content: '\ea76';
}
/* [~] piggy-backin' yet again */
.view-error-msg.view-info-msg.view-yellow-msg .error-msg:not(.field-error) {
    background: #FCF8EB;
    border-color: #E8C04A;
}
.view-error-msg.view-info-msg.view-yellow-msg .error-msg:not(.field-error):after {
    color: #E8C04A;
    content: '\ea76';
}
.view-error-msg.view-info-msg.view-yellow-msg .error-msg:not(.field-error) a {
    color: #ba9628;
}

.select-box-field.active .select.active {
    z-index: 102;
}

.uppercase-input { text-transform: uppercase; }
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

.breadcrumbs li {
    padding-right: 1.5rem; /* otherwise, the english texts overflow to a new line */
}

.footer {
    overflow: unset!important;
}

.footer .margins {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

div.wrapper.view-step-1-2 .margins {
    justify-content: flex-start;
}

.corner-round-button {
    margin: 0;
    box-sizing: border-box;
    width: auto;
    text-align: center;
    cursor: pointer;
    user-select: none;
    position: absolute;
    right: 0;
    bottom:0;
    text-transform: uppercase;
    transition: opacity .3s ease-in-out;

    height: 48px;
    border-radius: 24px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(65,65,65,0.2);
    color: #006192;
    font-family: "Allianz Neo";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0 32px;

    /* display: flex; */
    display: none;
    flex-flow: row;
    align-items: center;
}
.help-hide-options-button {
    width: 48px;
    padding: 0;
}
.help-callmeback-button {
    bottom: 64px;
}
.help-guidebook-button {
    bottom: 128px;
}

.corner-round-button i {
    font-size: 22px;
    margin-right: 8px;
    color: #006192;
}
.corner-round-button i.icon-close {
    width: 100%;
    margin: 0;
    font-size: 24px;
}

.wrapper.show-need-help .help-box.desktop {
    display: block;
}

.wrapper.show-need-help.view-package-details .help-box.desktop {
    display: none;
}

.wrapper.show-need-help .help-box .help-show-options-button {
    display: flex;
}

.wrapper.show-need-help.show-help-options .help-show-options-button {
    display: none;
}

.help-box.mobile .help-show-options-button {
    border: 0;
    align-items: center;
    width: 40px;
    height: 40px;
    background: none;
    justify-content: center;
    box-shadow: none;
    padding: 0;
}

.help-box.mobile .help-show-options-button i {
    margin: 0;
    font-size: 40px;
    color: #007ab3;
}
.help-box.mobile .help-hide-options-button {
    width: 39px;
    height: 39px;
    background: #007ab3;
    box-shadow: none;
    border: 0;
}
.help-box.mobile .help-hide-options-button i{
    color: #fff;
}

.wrapper.show-help-options .help-hide-options-button,
.wrapper.show-help-options .help-callmeback-button,
.wrapper.show-help-options.view-help-vehicle2 .help-guidebook-button,
.wrapper.show-help-options.view-help-insured .help-guidebook-button,
.wrapper.show-help-options.view-help-offer .help-guidebook-button,
.wrapper.show-help-options.view-help-summary .help-guidebook-button {
    display: flex;
}

.help-box-content > div {
    display: none;
}

.view-help-vehicle2 .help-box-content-vehicle2,
.view-help-insured .help-box-content-insured,
.view-help-offer .help-box-content-offer,
.view-help-summary .help-box-content-summary {
    display: block;
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {
    .wrapper.show-need-help .help-box.desktop {
        display: none;
    }
    .wrapper.show-need-help .help-box.mobile {
        display: block;
        position: fixed;
        bottom: 24px;
    }

    .wrapper.show-need-help .help-box-content {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    
    .wrapper.view-help-box .help-box.mobile .help-box-content { 
        height: 40rem; 
    }
}


span.mandatory {
    color: #e70033!important;
}

.field-error-account-email,
.field-error-account-email-already,
.field-error-account-mobile,
.field-error-account-mobile-already,
.field-error {
    display: none!important;
    position: absolute;
    top: 5rem;
    color: #DC3149;
    font-family: "Allianz Neo";
    font-size: 16px!important;
    letter-spacing: 0;
    line-height: 20px!important;
}

.view-upload-file .overlay-upload-file .file-details-error { display: none; color: #DC3149; padding-bottom: 14px; }

.field-error p,
.field-error-account-email p,
.field-error-account-email-already p,
.field-error-account-mobile p,
.field-error-account-mobile-already p,
.view-upload-file .overlay-upload-file .file-details-error p {
    font-size: 16px!important;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 20px!important;
}

.btn-disabled {
    background: #C2C2C2!important;
    /* color: #FFFFFF; */
    cursor: not-allowed;
}

.view-field-error-account-email.field-error-account-email,
.view-field-error-account-mobile.field-error-account-mobile,
.view-field-error-account-email-already.field-error-account-email-already,
.view-field-error-account-mobile-already.field-error-account-mobile-already {
    display: block !important;
}

.view-field-error .field-error {
    display: block !important;
}

.yn-btns + .field-error {
    position: unset;
}

.view-field-error .yn-btns .radio-button label,
.view-field-error .payments-actions .button,
.view-field-error .payments-actions .button i {
    text-transform: uppercase;
    border-color: #DC3149;
    color: #DC3149!important;
}

.form-row-checkbox .field-error {
    position: unset;
    text-align: left;
}

.box.terms .form-row-checkbox .field-error {
    margin-top: 12px;
}

.step-4 .terms-step .box.terms .box-cell .form fieldset {
    padding: 0!important;
    display: flex;

}

a.terms-read-more {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    cursor: pointer;
}

.box.terms .terms-marketing-question,
.box.terms .terms-policy-question {
    display: flex;
    cursor: pointer;
}

.box.terms i.icon-chevron-up,
.box.terms i.icon-chevron-down {
    font-size: 24px;
}

.box.terms p,
.box.terms .form-row-checkbox label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0!important;
}

.box.terms p {
    margin-bottom: 16px!important;
}

.box.terms .form-row-checkbox {
    margin: 0 0 24px!important;
}

.box.terms .separator {
    height: 1px;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: #D9D9D9;
}

.box.terms .terms-marketing-details,
.box.terms .terms-policy-details,
.box.terms .terms-read-more {
    display: none;
}

.box.terms .terms-marketing-details.shown,
.box.terms .terms-policy-details.shown,
.box.terms .terms-marketing-details.shown + .terms-read-more,
.box.terms .terms-policy-details.shown + .terms-read-more {
    display: block;
}

.box.terms .terms-policy-details ul {
    margin-bottom: 16px;
}

.box.terms .terms-policy-details li {
    color: #414141;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 40px;
    position: relative;
}
.box.terms .terms-policy-details li::before {
    display: block;
    content: '';
    background: #414141;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -32px;
    top: 8px;
    border-radius: 4px;
}

.form .form-row-checkbox.pretty-radio input[type=checkbox] + label:after {
    content: "\ea55"!important;
    /* border-color: #767676!important; */
    border-radius: 24px;
    border-width: 2px;
    width: 24px;
    height: 24px;
    color: #fff!important;
    font-size: 24px;
    line-height: 24px;
}

.form .form-row-checkbox.pretty-radio input[type=checkbox]:checked + label:after {
    border-color: #007ab3!important;
    background: white!important;
    color: #007ab3!important;
}

.box.terms .box-title.mobile, .box.terms .mandatory-mobile {
    display: none;
}

.box.terms .box-title.mobile {
    color: #414141;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 32px;
}

.box.terms .mandatory-mobile {
    margin-top: 40px!important;
    margin-bottom: 0px!important;
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {
    .box.terms .box-title.mobile, .box.terms .mandatory-mobile {
        display: block;
    }    
}

.split-lr {
    display: flex;flex-direction: row;
}
.split-lr div {
    flex: 1
}

.overlay-terms.view-field-error .overlay-footer {
    padding-top: 7.6rem;
    height: 16rem;
}

.overlay-gdpr .overlay-body {
    height: 80vh;
}

.overlay-gdpr .overlay-body .scrollbar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.overlay-gdpr .overlay-body h2 {
    color: #414141;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0px;
}

.overlay-gdpr .overlay-body h4 {
    margin: 16px 0 8px;
    padding: 0;
    color: #414141;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 28px;
    display: flex;
    align-self: flex-start;
}

.overlay-gdpr .overlay-body p,
.overlay-address-details .overlay-body p
.overlay-more-terms .overlay-body p {
    color: #414141;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto;
}

.overlay-gdpr .overlay-body p a {
    font-weight: 400;
}

.overlay-more-terms .overlay-modal-content {
    width: 96%;
    max-width: 1120px;
    margin: 0 auto;
}

.overlay-more-terms .overlay-body .scrollbar {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.overlay-more-terms .overlay-body a {
    position: relative;
    padding-left: 3.4rem;
    cursor: pointer;    
    display: flex;
    align-self: flex-end;
    color: #006192;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 32px;
}

.overlay-more-terms .overlay-body .split-lr a {
    margin-bottom: 8px;
}

.overlay-more-terms .separator {
    height: 1px;
    width: 100%;
    margin-top: 24px;
    background-color: #D9D9D9;
}

.overlay-more-terms .overlay-body h4 {
    color: #006192;
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin: 24px 0;
}


.overlay-address-details .overlay-modal-content {
    width: 96%;
    max-width: 1120px;
    margin: 0 auto;
}

.overlay-address-details .overlay-body .scrollbar {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.overlay-address-details .overlay-body a {
    position: relative;
    padding-left: 3.4rem;
    cursor: pointer;    
    display: flex;
    align-self: flex-end;
    color: #006192;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 32px;
}

.overlay-address-details .overlay-body .split-lr a {
    margin-bottom: 8px;
}

.overlay-address-details .separator {
    height: 1px;
    width: 100%;
    margin-top: 24px;
    background-color: #D9D9D9;
}

.overlay-address-details .overlay-body h4 {
    color: #006192;
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin: 24px 0;
}


.input-box-field.view-field-error.long-error {
    margin-bottom: 5rem!important;
}

/* .input-box-field .field-error {
    margin: 0;
    margin-top: 6rem;
    position: absolute;
} */

.tooltip.calendar-box {
    display: none;
}

.view-tooltip .tooltip.calendar-box {
    display: block;
}

/* @media screen and (max-width: 800px) */
/* @supports (-webkit-touch-callout: none) */
@media (hover: none) and (pointer: coarse) {
    .view-tooltip .tooltip.calendar-box {
        display: none;
    }
    .input-box-field.with-calendar input {
        color: transparent;
    }
    .input-box-field.with-calendar input::before {
        margin: 0;
        box-sizing: border-box;
        color: #414141;
        font-size: 1.7rem;
        padding-top: 1rem;
        font-weight: 600;
        font-family: 'Allianz Neo', Arial, sans-serif;
        border-radius: 0!important;
        box-shadow: none!important;
        border: none!important;
        padding: 0;
        transition: all 0.3s ease-in-out;
        width: 100%;
        height: 3rem;
        position: absolute;
        left: 0;
        bottom: 0;
        background: transparent!important;
        z-index: 2;
        opacity: 1;
        content: attr(data-date);
        display: flex;
        align-items: center;
    }
}

.desktop-calendar-field { display: block; }
.mobile-calendar-field { display: none; }

@media (hover: none) and (pointer: coarse) {
    .desktop-calendar-field { display: none; }
    .mobile-calendar-field { display: block; }
    
    .input-fields span.calIcon { display: none!important; }
}

.breadcrumbs.en .bc-step-1 .bc-slides-loader {
    left: 25.5rem;
}

.loader-icon {
    width: 5rem;
    height: 5rem;
}

/* AGENT DIFF */
.bold { font-weight:bold; }

.header .agent { width:auto; display:inline-block; position:absolute; right:.5rem; top:50%; transform: translate(0,-50%); padding:0 0 0 3.5rem; border-bottom:.1rem solid transparent; color:#007ab3; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
.header .agent:after { width:4rem; height:4rem; display:block; text-indent:0; content:'\ebaf'; color:#006192; font-size:2.4rem; line-height:4rem; text-align:left; font-weight:400; font-family:icons; position:absolute; left:0; top:50%; transform: translate(0,-50%); border-radius:50%; transition: all .3s ease-in-out; }
.header .agent strong,
.header .agent em { color:#414141; display:block; font-size:1.28rem; font-weight:400; line-height:1.6rem; font-weight:400; font-style:normal; }
.header .agent em { padding-top:.2rem; }
.box-title span.block { display:block; }

.step-0 .box { min-height:38rem; background: #fff url(../images/category-image.svg) no-repeat 10% 100%; background-size: auto 18rem; }

.step-0 .box-cell,
.step-0 .box-cell:nth-child(2) { width:50%; }

.step-0 .title { position:relative; margin-top:2rem; }

.step-0 .back-link { width: 2.4rem; height: 2.4rem; position: absolute; left: 0; top: 50%; padding: 0; transform: translate3d(0,-50%,0); transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
.step-0 .back-link i { width: 2.4rem; height: 2.4rem; display: block; border-radius: 50%; opacity:1; color:#007ab3; background:transparent; border:none; font-size:1.8rem!important; line-height:2.4rem; font-weight:400; transition: background .3s ease-in-out, color .3s ease-in-out;  }
.step-0 .back-link i:hover,
.step-0 .back-link i:active { background:#007ab3; color:#fff; }

.step-0 .select.active .select-list.select-list-with-search { height:13rem; }
.select-brand { width:100%; overflow:hidden; margin:0 auto; transition: height .3s ease-out; }
.data-list li { width:100%; margin:0 auto 1.2rem; overflow:hidden; font-size:1.46rem; line-height:1.8rem; }

/* ??? */
.view-tools-sidebar .step-4 .payment-step .box-cell { width:38%; }
.view-tools-sidebar .step-4 .payment-step .box-cell:nth-child(2) { width:62%; }

.view-tools-sidebar .payments-actions .button,
.view-tools-sidebar .payments-actions .button:nth-child(3) { width:46.8%; float:left; margin:0 auto 1.8rem; }
.view-tools-sidebar .payments-actions .button:nth-child(2) { float:right; margin-right:0; }

.step-5 .box { min-height:50rem; background: #fff url(../images/bg-img-msg.svg) no-repeat 50% 100%; background-size: 35% auto; text-align:center; }
.wrapper.green-background .step-5 .box { min-height:55rem; background: #fff url(../images/bg-img-msg-electric.svg) no-repeat 50% 100%; background-size: 35% auto; text-align:center; }

.footer-info,
.electric-car-info { text-align:center; margin-bottom:1rem; padding-top:1rem; }
.footer-info p,
.electric-car-info p { font-size:1.6rem; line-height:2.4rem; font-weight:400; margin:0 auto 2rem; }
.footer-info p:last-of-type,
.electric-car-info p:last-of-type { margin-bottom:0; }

.breadcrumbs { width:100%; position:relative; margin-bottom:3.6rem; /*position:absolute; top:7rem; left:0; z-index:200;*/ overflow:hidden; transition: opacity .3s ease-in, height .3s ease-in; background: #F4FAFB; user-select:none; }

.title { margin: 0 auto 1.5rem; } /* shitty measurements */

/* ??? */
.view-info-sms .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(33.3333%,0,0); }
.view-step-4-2 .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(66.6666%,0,0); }

/* .overlay-meet-agent { background:#f1f9fa; } */
.edit-price .icon-edit { margin-right:1rem; font-size: 2rem; position:relative; top: 0.3rem;}
/* .overlay-meet-agent .with-bg-img, */
.overlay-edit-price .with-bg-img { min-height:42rem; background: transparent url(../images/woman_with_laptop_and_headset.svg) no-repeat 12% 100%; background-size: 28% auto; }

.view-tools-sidebar .payment-step .wpc-content .box { margin-bottom:22rem; }

@media only screen and (max-width: 800px) {
    .step-1 .content .margins { margin-bottom: 11rem; }
    .footer { width: 100%; height: 8rem; position: absolute; left: 0; bottom: 0; z-index: 500;}

    .step-4 .info-verification .box-p1,
	.step-4 .info-verification .box-p2,
    .step-4 .info-verification .box-p3,
    .step-4 .terms-step .box { padding-bottom: 0; background: white; }

    .step-4 .payment-step .box-cell:nth-child(2) { padding:6rem 8%!important; }
    .step-5 .box { min-height:1px; padding:0; background-position: 50% 100%; background-size: auto 20rem; }
    .step-5 .box-cell { width: 100%; padding: 6rem 12% 30rem; }
    .view-pers-rates .pers-rates { padding: 2rem 0 0; }
    .step-1 .content .margins { margin-bottom: 11rem; }

    .footer .sec-action-footer .button { height:4rem; min-width: 13.5rem!important; width: auto!important; margin:0!important; padding: 0 0 0 3rem!important; border:none; text-align:left; text-transform:none; font-size: 1.4rem; }
    /* .title { padding-top:3rem; margin-bottom:2.5rem; } */
    .box-cell:nth-child(2n) { width:100%!important; float:none!important; padding:4rem 8% 0; }
    
    .step-4 .payment-step .box-cell:nth-child(2) { padding:6rem 8%!important; }
    .step-5 .box { min-height:1px; padding:0; background-position: 50% 100%; background-size: auto 20rem; }
    .step-5 .box-cell { width: 100%; padding: 6rem 12% 30rem; }
    .view-pers-rates .pers-rates { padding: 2rem 0 0; }

    /* .step-0 .footer .button,
	.step-4 .terms-step .footer .button,
	.step-5 .footer .button,
	.step-1 .footer .button, */
    .switchRCA .button { width:100%!important; }
    
    /* .step-0 .footer .button,
	.step-4 .terms-step .footer .button,
	.step-5 .footer .button,
    .step-1 .footer .button { margin-bottom:2.5rem!important; } */
    .box-cell:nth-child(2n) { padding-top: 0!important; padding-bottom: 3rem!important; }
    .step-0 .box { min-height: 38rem; background-size: 21rem auto; }
	.step-0 .header { margin-bottom:2rem; }
	.step-0 .title { margin: 0 auto 2rem; }
    .step-0 .box-title { margin-bottom: 2rem!important; }
    .step-1 .footer,
    .step-0 .footer { position:static; }
    /* .step-1 .wrapper-step-slide:nth-child(1) .box { padding-bottom:15rem; background-position:50% 88%; background-size: 20rem auto; } */
	.step-1 .wrapper-step-slide:nth-child(1) .box-title, .step-pin .wrapper-step-slide:nth-child(1) .box { text-align:center; }

	.step-1 .wrapper-step-slide:nth-child(2) .box-title,
	.step-1 .wrapper-step-slide:nth-child(3) .box-title,
	.step-1 .wrapper-step-slide:nth-child(4) .box-title,
    .step-3 .box-title { margin-bottom: 1.2rem!important; }
    
    /* .title { font-size: 1.6rem; line-height: 2.2rem; margin-bottom:2rem; padding-top: 3.5rem; } */
    /* .quote-slider { position:static; border-radius: 0!important; padding-top:10rem; } */
    .step-5 .title { padding-top: 0; }
	.step-5 .box { background-size: 75% auto; }
	.step-5 .box.error-msg-box { background-position: 50% 100%; background-size: 75% auto; }
    .step-5 .box-cell { padding: 4rem 8% 16rem; }
    .header .agent { width:4rem; height:4rem; display:block; position:absolute; right:0; top:50%; transform: translate(0,-50%); }
	.header .agent:after { text-align:center; }
	.header .agent:active:after { color:#fff; background:#006192; }
	.header .agent strong,
	.header .agent em { display:none; }

	/* .step-0 .footer .button, .step-4 .terms-step .footer .main-action-footer .button, .step-5 .footer .main-action-footer .button, .step-1 .footer .button { margin-bottom: 2.5rem!important; } */
}

@media screen and (max-width: 800px), screen and (orientation:portrait) {
    .footer {
        position: fixed;
    }
    /* .step-1 .footer, .step-3 .wrapper-step-slide:first-child .footer, .step-4 .payment-step .footer {
        position: absolute!important;
    } */ /* position: absolute fucks up small heighted mobiles | position: sticky fucks up everything in other ways. */
    .content > .margins {
        margin-bottom: 20rem!important;
    }
    /* .view-step-1-4 .content > .margins {
        margin-bottom: 44rem!important; /* this page has a bottom calendar that may get hidden - fixed from calendar.js * /
    } */
    .tooltip.tooltip-bottom.calendar-box {
        z-index: 501; /* above the continue button, on mobile */
    }
    .footer .sec-action-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .wrapper .footer .sec-action-footer .button { /* more !important */
        min-width: unset!important;
        font-size: 1.3rem!important; /* otherwise shortened .ro labels still don't fit on the same line */
    }
    .reCaptcha {
        z-index: 1000; /* otherwise it sometimes ends up fully under the continue button */
    }
    .footer .button {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }

    .footer .footer-price + .button {
        margin-top: 1rem!important;
        margin-bottom: 0!important;
    }

    .ssoHeightBtn {
        height: 60px!important;
        line-height: 26px!important;
    }
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {
    .footer {
        position: relative!important;
    }
    .footer .margins {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    div.wrapper.view-step-1-2 .margins {
        align-items: flex-end;
    }
    .breadcrumbs {
        position: sticky;
        top: 0;
        background: #F1F9FA;
        z-index: 1000;
    }
    .split-lr {
        flex-direction: column;
    }
    .overlay-more-terms .overlay-body {
        height: 80vh;
    }
    .overlay-more-terms .overlay-body a {
        align-self: flex-start;
        margin: 0;
    }
    .overlay-more-terms .overlay-body a i {
        width: 2.4rem;
    }
    .overlay-more-terms .overlay-body p {
        margin-bottom: 24px;
    }
    .overlay-more-terms .overlay-body h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .overlay-address-details .overlay-body {
        height: 80vh;
    }
    .overlay-address-details .overlay-body a {
        align-self: flex-start;
        margin: 0;
    }
    .overlay-address-details .overlay-body a i {
        width: 2.4rem;
    }
    .overlay-address-details .overlay-body p {
        margin-bottom: 24px;
    }
    .overlay-address-details .overlay-body h4 {
        font-size: 16px;
        line-height: 24px;
    }
}

.footer .sec-action-footer .button {
    padding: 0 1rem; /* stops the buttons from disappearing on 950px screens */
}

/* status.hbs */
.step-5 .content .margins .table-cell {
    padding: 0rem 0 3rem;
}

.step-5 .box-cell {
    width: 80%;
}

@media screen and (max-width: 580px) {
    .step-2 .footer .margins, .step-3 .footer .margins, .step-4 .footer .margins, .overlay-info-sms .footer .margins, .overlay-search-customer .footer .margins {
        padding: 1rem 0!important;
    }
}

.postcode-field .mobile {
    display: none!important;
}

.postcode-field .desktop {
    display: block!important;
}

.error-msg, .succes-msg {
    margin: -1.8rem auto 2.5rem;
}

.postcode-field .select-input {
    overflow: hidden;
}

.postcode-field .search input {
    padding-right: 0;
}

.loader-content .table-cell {
    /* padding-bottom: 15%; */
}

@media screen and (max-width: 580px) {
    .loader-content {
        background-size: 80% auto;
        background-position: 0% 100%;
    }
    .loader-content .table-cell {
        padding-bottom: 25%;
    }
}

@media screen and (max-width: 800px) {
    .payments-actions {
        text-align: center;
    }
    .payments-actions .button {
        float: none;
    }
}

div.price-panel {
    overflow: hidden;
}

div.price-panel p.sav {
    margin-top: 0;
    float: left;
    display: block;
    width: 100%;
}

div.price-panel p.sav-initial {
    display: block;
    color: #777777;
    margin: 0.5rem 0;
    float: left;
}

div.price-panel div{
    float: right;
    margin-bottom: 1.5rem;
    line-height: 2rem;
    right: 0;
    position: relative;
}

.bank-rates, .pers-rates, .pers-freq {
    width: 100%;
    display: none;
    /* height: 0; */
    visibility: hidden;
    padding: 0;
    transition: padding .3s ease-in-out;
}

.view-bank-rates .bank-rates, .view-pers-rates .pers-rates, .view-pers-freq .pers-freq {
    display: block;
    /* height: auto; */
    padding: 2rem 0 0;
    visibility: visible;
}

.payments-actions .disabled {
    opacity: 0.5;
    border-color: gray;
    pointer-events: none;
}

.payments-actions .disabled i {
    color: gray;
}

.tools-sidebar-footer .button-outline { margin-bottom:1.5rem; }

.edit-price {
    position: relative;
    /* padding-left: 25%; */
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.2rem;
    cursor: pointer;
    text-align: center;
    margin-bottom: 1.5rem;
    display: block;
}

.form .input-box-field.service-partener {
    height: 8rem;
}
.service-partener .form-row-switch {
    position: absolute;
    bottom: 0.5rem;
}

.tools-sidebar-content {
    margin-bottom: 10rem;
}
.view-tools-sidebar-vehicle-2 .step-1 .wrapper-step-slide:nth-child(3) .box-title { font-size: 2.1rem; }

.margins.dd-active {
    margin-bottom: 28rem!important;
}

.rca-discount-field label, 
.casco-discount-field label,
.progresive-discount-field label,
.rca-commission label,
.rca-intermediate-discount-ref-field label,
.casco-intermediate-discount-ref-field label,
.rca-total-budget-discount-field label,
.casco-total-budget-discount-field label {
    width: 240px!important;
}

.input-radio .label {
    font-weight: 600;
    font-size: 1.6rem;
    display: block;
    color: #414141;
    /* transform: translate3d(0,-1rem,0); */
    margin: 0 auto 1.1rem;
}

.input-radio .form-row-radio {
    margin: 0 auto 1rem!important;
}

.input-radio .form-row-radio input {
    
}

.input-radio .form-row-radio label {
    color: #414141;
}

.input-radio .form-row-radio.disabled input {
    pointer-events: none;
}

.form .form-row-radio:hover label:after { content:"";  }

.input-radio .form-row-radio.disabled label {
    color: #C2C2C2!important;
    pointer-events: none;
}

.input-radio .form-row-radio.disabled label:after,
.input-radio .form-row-radio.disabled input:checked + label:after {
    border-color: #C2C2C2!important;
    background: #C2C2C2!important;
    color: #fff!important;
}

.overlay-thanks .overlay-body h1, .overlay-body h2{
    margin-bottom: 3.3333rem;
}

/* .select-box-field.view-field-error { margin-bottom: 10.5rem;} */
/* .select-box-field.view-field-error .error-msg {top: 6rem;} */

.trigger-download-more-details-pdf {
    position: relative;
    padding-left: 3.4rem;
    cursor: pointer;
    display: flex;
    color: #006192;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 2.4rem;
}

.mobile .trigger-download-more-details-pdf {
    position: absolute;
}

.trigger-download-more-details-pdf i,
.overlay-more-terms a i {
    width: 3.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    font-size: 1.86rem;
    line-height: 2.2rem;
    text-align: center;
}

.overlay-address-details a i {
    width: 3.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    font-size: 1.86rem;
    line-height: 2.2rem;
    text-align: center;
}

/* callmeback popup */

.overlay-meet-agent {
    z-index: 99999;
}

.overlay-meet-agent .callmeback-content .overlay-content {
    width: 60%!important;
}

.overlay-meet-agent .callmeback-content .overlay-content .overlay-body {
    max-width: 100%;
    padding: 0;
    overflow: visible;
    text-align: left;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side {
    background: #E6F4F6 url(../images/woman_with_laptop_talking_on_the_phone.svg) no-repeat 50% 100%;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side div {
    padding: 64px;
    text-align: left;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side h2 {
    color: #414141;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 36px;
    padding: 0;
    margin-bottom: 24px;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side p {
    color: #414141;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side p.callmeback-description {
    margin-bottom: 24px;
    font-weight: 400;
}

.overlay-meet-agent .callmeback-content .split-lr .left-side p.callmeback-schedule-hours,
.overlay-meet-agent .callmeback-content .split-lr .left-side p.callmeback-schedule-phoneNo {
    font-weight: 400;
}


.overlay-meet-agent .callmeback-content .split-lr .left-side p.callmeback-schedule-title {
    font-weight: 600;
    margin-bottom: 16px;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .form-container {
    width: 100%;
    padding: 64px 64px 34px 64px;
    margin: 0;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .form {
    width: 100%;
    padding: 0;
    margin: 0;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .input-box-field.error.view-field-error {
    margin-bottom: 14px!important;
}

.overlay-meet-agent .callmeback-date-box {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
    height: 4rem;
    position: relative;
    min-height: auto !important;
    flex: 1;
    width: 100%!important;
    float: none!important;
    padding-top: 0!important;
    padding-bottom: 32px!important;
    display: none;
}

.overlay-meet-agent .callmeback-date-box.error.view-field-error {
    margin-bottom: 1px;
}

.overlay-meet-agent .callmeback-date-box.error.view-field-error .field-error {
    top: 35px;
}

.overlay-meet-agent .callmeback-date-box.error.view-field-error input {
    color: #DC3149;
}

.overlay-meet-agent .callmeback-hour-box {
    display: none;
}

.overlay-meet-agent .show-calllater-fields .callmeback-date-box,
.overlay-meet-agent .show-calllater-fields .callmeback-hour-box {
    display: block;
}

.overlay-meet-agent .show-calllater-fields .callmeback-hour-box .select .select-list-with-search .scrollbar {
    margin: 0;
    padding: 0;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .btn-box .button.close-overlay{
    width: 200px;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .show-calllater-fields .btn-box {
    padding: 28px 0 0;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .btn-box {
    padding: 28px 0 0;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .call-options {
    padding: 8px 0 0px;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .show-calllater-fields .call-options {
    padding: 8px 0 1px;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .pretty-radio {
    margin: 14px 0!important;
}

.overlay-meet-agent .callmeback-content .myCalendar {
    margin: 15px auto !important;
}

.overlay-meet-agent .callmeback-content .split-lr .right-side .call-options .field-error {
    position: relative;
    top: 0;
    text-align: left;
}

.overlay-meet-agent .callmeback-content .overlay-content > i.icon-close.close-overlay-button.close-overlay {
    z-index: 198;
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {

    .overlay-meet-agent .callmeback-content .table-cell {
        padding: 16px;
    }

    .overlay-meet-agent .callmeback-content .overlay-content {
        width: 100%!important;
        max-width: 100%!important;
    }

    .overlay-meet-agent .callmeback-content .split-lr .left-side {
        background-image: none;
    }

    .overlay-meet-agent .callmeback-content .split-lr .left-side div {
        padding: 32px;
    }

    .overlay-meet-agent .callmeback-content .split-lr .left-side h2 {
        font-size: 26px;
        font-weight: 300;
        letter-spacing: 0.3px;
        line-height: 32px;
        text-align: center;
    }

    .overlay-meet-agent .callmeback-content .split-lr .right-side .form-container {
        padding: 24px 32px 36px;;
    }

    .overlay-meet-agent .callmeback-content .myCalendar {
        width: 100%;
    }

    .overlay-meet-agent .callmeback-content .split-lr .right-side .btn-box button {
        width: 100%;
    }

    /* .overlay-meet-agent .callmeback-content .form .select-box-field.view-field-error:after {
        opacity: 0;
    } */
}

/* for success page button row */
.success-buttons {
    display: flex;
    justify-content: center;
    gap: 24px;
}
/* @media screen and (max-width: 800px) {
    .success-buttons { flex-direction: column; }
} */


/* for iOS15 safari bottom url bar: */

html {
    height: calc(100vh - env(safe-area-inset-bottom, 0px));
}

.reCaptcha, .footer {
    position: fixed;
}

/* no arrow on prefilled&disabled dropdowns */

.form .select-box-field.disabled.valid:after {
    display: none;
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {

    .form .select-box-field.disabled.valid select {
        /* for Firefox */
        -moz-appearance: none;
        /* for Chrome */
        -webkit-appearance: none;
    }
    
    /* For IE10 */
    .form .select-box-field.disabled.valid select::-ms-expand {
        display: none;
    }
}

/* for iOS15 <input type="date"> */

input::-webkit-date-and-time-value {
    text-align: left!important;
}

/* for iOS top address bar https://stackoverflow.com/questions/11869588/ios-address-bar-fixed-at-top-of-viewport-error */

html, body {
    overflow: unset!important
}

/* for white background product details columns on mobile */

@media screen and (max-width: 800px) {
    .ps-slider li li {
        background: #fff;
    }
}

/* screw mobile select */
.select-box-field select.mobile {
    display: none!important;
}

.select-box-field select.mobile + .select.desktop {
    display: block!important;
}

.wrapper.green-background.view-step-1.view-step-1-2 .box-title.with-icon i,
.wrapper.green-background.view-step-1.view-step-1-3 .box-title.with-icon i {    
    background: #EFF6EE !important;
    color: #3DA556 !important;
}

.wrapper.green-background .step.step-2 .box-cell .quote-details .rca-box {
    background: #EFF6EE !important;
}

.wrapper.green-background .step.step-2 .box-cell .quote-details ul > div {
    display: block;
    width:100%;
	margin-top: -12px !important;
	position: relative; 
	padding: 0 0 0 3.5rem; 
	color:#666; 
	font-size:1.4rem; 
	line-height:1.8rem; 
	font-weight:300; 
	margin:0 auto 1.4rem; 
	transition: color .3s ease-in-out;
    padding-left: 70px;
}
.wrapper.green-background .step.step-2 .box-cell .quote-details ul > div.active {
    color:#000;
	font-weight:400;
}
.wrapper.green-background .step.step-2 .box-cell .quote-details ul > div i {
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-left: 35px;
    top: calc(50% - 15px);
}
.wrapper.green-background .step.step-2 .box-cell .quote-details ul > div.active i {
    color: #3DA556 !important;
}
.wrapper .step.step-2 .box-cell .quote-details ul > div {
    display: none;
}
/* For desktop details */
.green-package-details {
    background: #EFF6EE !important;
    border-radius: 10px;
}
.electric-car-only-text {
    font-size: 1.3rem !important;
    padding-left: 25px;
    padding-top: 10px !important;
    margin-bottom: 3px !important;
}
/* For mobile labels */
.green-package-labels {
    background: #EFF6EE !important;
    border-radius: 10px;
    max-width: max-content;
    padding-right: 20px;
}
.electric-package-details {
    position: relative;
    color: #666;
    font-size: 1.4rem !important;
    line-height: 1.8rem;
    font-weight: 300;
    transition: color .3s ease-in-out;
    padding-left: 55px;
    /* padding-top: 10px !important; */
    padding-bottom: 10px;
    margin-bottom: 0px !important;
}
.icon-package-details {
    font-size: 24px;
    position: absolute;
    left: 0;
    text-align: center;
    padding-left: 25px;
    top: calc(50% - 20px);
    color: #3DA556 !important;
}
.electric-package-labels {
    position: relative;
    color: #666;
    font-size: 1.3rem !important;
    line-height: 1.4rem;
    font-weight: 400;
    transition: color .3s ease-in-out;
    padding-left: 55px;
    padding-top: 5px !important;
    margin-bottom: 0px !important;
}
.icon-package-labels {
    font-size: 20px;
    position: absolute;
    left: 0;
    text-align: center;
    padding-left: 20px;
    top: calc(50% - 10px);
    color: #3DA556;
}
.wrapper.green-background .quote-slider .swiper-pagination span { background: #EFF6EE }

.wrapper.green-background .quote-slider .swiper-pagination span.swiper-pagination-bullet-active,
.wrapper.green-background .quote-slider .swiper-pagination span.swiper-pagination-bullet-active:hover { background:#fff !important; font-weight:bold; }

.step-4 .edit-vehicul,
.step-4 .edit-asigurare,
.step-4 .edit-asigurat {
    font-style: normal !important;
}
/* --- */

.validate-payment-popup-fields {
    width: 66%;
}

/* --- */

.variants-table, .variants-table tbody {
    width: 100%;
    font-size: 14px;
}

.variants-table {
    display: block;
    max-height: 440px;
    overflow-y: scroll;
}

@media only screen and (max-width: 800px), screen and (max-width: 800px), screen and (orientation:portrait) {
    .variants-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.variants-table tr {
    border-bottom: 1px solid #ccc;
}

.variants-table tr:hover, .variants-table tr.selected {
    background-color: #f1f9fa;
}

.variants-table tr:nth-child(1) {
    border-top: 1px solid #ccc;
    background: whitesmoke !important;
    position: sticky;
    top: 0;
}

.variants-table th, .variants-table td {
    padding: 12px;
    text-align: left;
}

.variants-table td {
    cursor: pointer;
}

.variants-table-switch {
    width: 100%;
    padding: 0 8% 24px;
    text-decoration: underline;
    color: #007ab3;
    font-size: 14px;
    cursor: pointer;
}

.variants-table-switch.disabled {
    color: #777;
    cursor: default;
}

.variants-filter-box {
    padding-top: 0!important;
    padding-bottom: 12px!important;
    float: none!important;
}

.variants-filter {
    border-bottom: 1px solid #414141;
}

.variants-filter label {
    line-height: initial;
    width: 21rem;
    font-weight: 600;
}