/**************************\
  Basic Modal Styles
\**************************/

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    padding: 0px;
    max-width: 750px;
    max-height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #DDDDDD;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 30px calc(1.5rem * .5 + 30px) 1rem calc(1.5rem * .5 + 30px);
    text-align: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.25;
    color: #3e3e40;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
    font-size: 1.45rem;
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8);
    padding: 0 30px 30px;
    display: inline-block;
}

.modal__btn {
    font-size: .875rem;
    padding: 1rem 1.7rem;
    background-color: #003C4A;
    color: #fff;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

.modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}


/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}


label {
    font-weight: normal;
    font-size: 20px;
}

.form-control {
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0s, -webkit-box-shadow ease-in-out 0s;
    -o-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    border-radius: 0;
    height: auto;
    padding: 3px 15px 3px 15px;
    letter-spacing: 0;
    line-height: 28px;
    font-size: 18px;
    color: #414141;
    border: 0;
    border-bottom: 1px solid #DDDDDD;

}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--mmc-black);
    outline: 0;
    box-shadow: none;
}
.custom-control-label {
    line-height: normal;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-checkbox label {

    font-size: 17px;
    padding: 0;
    color: #4C4C4C;

}

.custom-control-inline.custom-radio {
    margin-right: 2rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #003C4A;
    background-color: #003C4A;
}

.custom-control-label::before {
    top: 0rem;
    left: -1.6rem;
    width: 1.3rem;
    height: 1.3rem;
    border: #8b979a solid 1px;
}


.custom-control-label::after {
    top: -0.1rem;
    left: -1.69rem;
    width: 1.5rem;
    height: 1.5rem;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(0 60 74 / 25%);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: rgb(0 60 74 / 50%);
}

@media (min-width: 1200px) {

    .textarea {
        height: 100px;
    }
}
.form-check .form-check-input {
    width: 24px;
    height: 24px;
    margin-top: 0;
    border: 1px solid #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}
.form-check-label{
    font-size: 1rem;
}

.form-check .form-check-input:checked[type=checkbox],  .form-check-input:checked[type=radio]  {
    background: rgba(0,0,0,0) url(../img/icon-check.svg) center center/16px 16px no-repeat;
}


.form-select {
    color: #75787B;
}
.form-select {
    padding: 0.375rem 0;
    padding-left: 15px;
    -moz-padding-start: calc(0.75rem - 3px);
    color: #212529;
    background-size: 16px 12px;
    border: 0;
    border-bottom: 1px solid #d9d9d6;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-select:focus {
    border-color: #242221;
    outline: 0;
    box-shadow: none;
}


span.is-invalid {
    font-size: 14px;
    line-height: 18px;
    color: var(--bs-form-invalid-border-color);
}
.form-control.is-invalid{
    border-color: var(--bs-form-invalid-border-color);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.rgpd_text {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #4C4C4C;
}

.rgpd_link {
}

.rgpd_policy {
    font-size: 16px;
    line-height: 23px;
}

.modal .btn:not(.btn-outline-secondary, .btn-close) {
    height: 52px;
    padding: 15px 20px;
    border-radius: 0;
    font-size: 18px;
    line-height: 1.33;
    transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in
}

.modal .btn.disabled, .modal .btn[disabled], fieldset[disabled] .modal .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.modal .btn-submit {
    color: #fff;
    background: linear-gradient(180deg, #45707A 0%, #003C4A 100%);
    border-color: transparent;
}


.modal .btn-submit:hover {
    color: #fff;
    background: #003c4a;
    border-color: #45707A;
}

.modal .btn-submit:focus, .modal .btn-submit.focus {
    color: #fff;
    background: #003c4a;
    border-color: #375c64;
    box-shadow: 0 0 0 0.2rem rgba(0, 60, 74, 0.25);
}

.modal .btn-submit.disabled, .modal .btn-submit:disabled {
    color: #fff;
    background: #003c4a;
    border-color: transparent;
}

.invalid-feedback1, .consent {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    margin-top: 0.25rem;
    color: #d7122b;
}

.consent {
    display: none;
}

input.invalid-feedback1 {
    border-color: #d7122b;
}

.valid {
    border-color: green;
}


.modal__result {
    padding: 30px;
    text-align: center;
}

.modal__result img {
    max-width: 150px;
}

.alert {
    border-radius: 0;
}

@media (max-width: 767.98px) {

    .modal__header {
        padding: 30px calc(1.5rem * .5) 1rem calc(1.5rem * .5 );
    }

    .modal .btn-submit {
        display: block;
        width: 100%;
    }

    .modal__content {
        padding: 15px 0;
    }

    .rgpd_text {
        font-size: 14px;
        line-height: 18px;
    }

    label {
        font-size: 18px;
    }

    textarea.form-control {
        height: auto;
    }

.form-control {
        padding: 6px 20px;
        height: 40px;
    }

    .custom-control-inline.custom-radio {
        margin-right: .5rem
    }

    .custom-checkbox label {
        font-size: 14px;
        padding-left: .5rem;
    }

    .CarRange .CarRange-slide .CarRange-text .CarRange-text-col1 span.title,
    .CarRange .CarRange-slide .CarRange-text .CarRange-text-col2 span.title,
    .CarRange .CarRange-slide .CarRange-text .CarRange-text-col3 span.title {
        height: auto !important;
    }
}

@media (max-width: 575.98px) {
    .rgpd_extra {
        column-count: 2;
    }
}