/*********************************/
/*********************************/

.main-form .form-input_file.icon-regnum,
.main-form .form-input_text.icon-regnum,
.main-form .form-type-select.icon-regnum,
.main-form .form-type-textarea.icon-regnum,
.main-form .form-type-textfield.icon-regnum {
    margin: 0
}


.icon-regnum {
    padding-left: 20px
}

.icon-regnum::before {
    content: "";
    width: 25px;
    height: 100%;
    background-color: #1170b3;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 0 0 4px
}

.icon-regnum span {
    z-index: 2;
    position: absolute;
    bottom: 10%;
    left: 8px;
    color: #fff;
    font-family: Avenir-Medium, Arial, Sans-serif
}

.icon-regnum span.stars {
    top: 10%;
    left: 4px;
    width: 25px;
    height: 25px;
    background: url(../_img/stars.svg) no-repeat
}

.card.card-vehicle {
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 8px #d8d8d8;
    box-shadow: 2px 2px 8px #d8d8d8
}

.card.card-vehicle .vehicle-info {
    font-family: Avenir-Medium, Arial, Sans-serif;
    font-size: 13px;
    letter-spacing: .54px;
    line-height: 18px;
    color: #001f46;
    margin: 20px 10px;
    padding: 5px 10px 5px 90px
}

.card.card-vehicle .vehicle-info .card-title {
    font-family: Avenir-Heavy, Arial, Sans-serif
}

.card.card-vehicle .vehicle-info.unrecognize {
    font-size: 13px;
    letter-spacing: .19px;
    line-height: 18px
}

.card.card-vehicle .vehicle-info.unrecognize .card-title {
    font-family: Avenir-Black, Arial, sans-serif;
    margin-bottom: 1px
}

.card.card-vehicle .vehicle-info.unrecognize .card-text {
    font-family: Avenir-Book, Arial, Sans-serif;
    color: #539b05
}

.card.card-vehicle input[type=radio]+label.option {
    width: 30px;
    height: 30px;
    font-size: 0;
    position: relative
}

.card.card-vehicle input[type=radio]+label.option.icon-check {
    color: #539b05
}

.card.card-vehicle input[type=radio]+label.option.icon-check:before {
    content: "\e904";
    font-size: 26px;
    display: inline;
    position: static;
    border: none
}

.card.card-vehicle input[type=radio]:checked+label.option.icon-check:after {
    content: none
}

.card.card-vehicle input[type=radio]+label.option:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 5px 0 0;
    width: 21px;
    height: 21px;
    border-radius: 11px;
    border: 2px solid #004c97;
    background-color: transparent
}

.card.card-vehicle input[type=radio]:checked+label.option:after {
    border-radius: 11px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 4px;
    left: 6px;
    content: " ";
    display: block;
    background: #004c97
}

.additional-informations {
    font-family: Avenir-Medium, Arial, Sans-serif;
    font-size: 11px;
    letter-spacing: .46px;
    line-height: 15px;
    color: #001f46;
    margin-top: 80px
}

.form-item-registrationnumber {
    margin: 0 0 35px
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star-grisrouge {
    position: relative;
    width: 16px;
    height: 16px
}

.icon-star-grisrouge.full {
    width: 15px;
    height: 14px
}

.icon-star-grisrouge:before {
    position: absolute;
    content: "\e916";
    color: #df0409;
    top: 0;
    left: 0;
    z-index: 2
}

.icon-star-grisrouge:after {
    position: absolute;
    content: "\e915";
    color: #b1b9bc;
    top: 0;
    right: 0
}

.main-form .form-input_file::after,
.main-form .form-input_text::after,
.main-form .form-type-select::after,
.main-form .form-type-textarea::after,
.main-form .form-type-textfield::after {
    content: '';
    font-family: icomoon;
    font-size: 15px;
    color: #539b05;
    position: absolute;
    right: 20px;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s
}
#form-item-registrationnumber::after{top:20px}

.diagnostic-input_checkbox,
.diagnostic-input_checkbox--img,
.diagnostic-input_checkbox--other {
    height: 162px;
    width: 100%;
    position: relative;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    user-drag: none
}

.diagnostic-input_checkbox--img:hover label,
.diagnostic-input_checkbox--other:hover label,
.diagnostic-input_checkbox:hover label {
    color: #fff
}

.diagnostic-input_checkbox--img:hover label::after,
.diagnostic-input_checkbox--other:hover label::after,
.diagnostic-input_checkbox:hover label::after {
    background: #233867
}

.diagnostic-input_checkbox input,
.diagnostic-input_checkbox--img input,
.diagnostic-input_checkbox--other input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.diagnostic-input_checkbox input:checked~label,
.diagnostic-input_checkbox--img input:checked~label,
.diagnostic-input_checkbox--other input:checked~label {
    color: #fff
}

.diagnostic-input_checkbox input:checked~label::after,
.diagnostic-input_checkbox--img input:checked~label::after,
.diagnostic-input_checkbox--other input:checked~label::after {
    background: #233867
}

.diagnostic-input_checkbox label,
.diagnostic-input_checkbox--img label,
.diagnostic-input_checkbox--other label {
    margin: 0;
    font-size: 12px;
    font-family: Avenir-Heavy, Arial, Sans-serif;
    letter-spacing: .17px;
    color: #001f46;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.diagnostic-input_checkbox label::after,
.diagnostic-input_checkbox--img label::after,
.diagnostic-input_checkbox--other label::after {
    content: '';
    cursor: pointer;
    border: 1px solid #d8d8d8;
    background: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    border-radius: 4px;
    -webkit-transition: .5s;
    transition: .5s
}

@media (prefers-reduced-motion:reduce) {
    .diagnostic-input_checkbox label::after,
    .diagnostic-input_checkbox--img label::after,
    .diagnostic-input_checkbox--other label::after {
        -webkit-transition: none;
        transition: none
    }
}

@media (max-width:991px) {
    .diagnostic-input_checkbox,
    .diagnostic-input_checkbox--img,
    .diagnostic-input_checkbox--other {
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    .diagnostic-input_checkbox--img:hover label,
    .diagnostic-input_checkbox--other:hover label,
    .diagnostic-input_checkbox:hover label {
        color: #233867
    }
    .diagnostic-input_checkbox--img:hover label::after,
    .diagnostic-input_checkbox--other:hover label::after,
    .diagnostic-input_checkbox:hover label::after {
        background: #fff
    }
}

@media (max-width:575px) {
    .diagnostic-input_checkbox,
    .diagnostic-input_checkbox--img,
    .diagnostic-input_checkbox--other {
        height: 120px
    }
}

.diagnostic-input_checkbox--img.withText:hover label::before {
    color: #fff
}

.diagnostic-input_checkbox--img.withText label::before {
    content: '-Arrière-';
    pointer-events: none;
    position: absolute;
    left: -5px;
    top: 80px;
    font-size: 10px;
    color: #9b9b9b;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .5s;
    transition: .5s
}

@media (prefers-reduced-motion:reduce) {
    .diagnostic-input_checkbox--img.withText label::before {
        -webkit-transition: none;
        transition: none
    }
}

.diagnostic-input_checkbox--img.withText input:checked~label::before {
    color: #233867
}

.diagnostic-input_checkbox--img::after {
    content: "";
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    width: 100px;
    height: 80px;
    pointer-events: none;
    position: absolute;
    top: 47px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.diagnostic-input_checkbox--img.four-impact::after,
.diagnostic-input_checkbox--img.impact::after,
.diagnostic-input_checkbox--img.inferior-impact::after,
.diagnostic-input_checkbox--img.one-impact::after,
.diagnostic-input_checkbox--img.superior-impact::after,
.diagnostic-input_checkbox--img.two-impact::after {
    top: 37px
}

.diagnostic-input_checkbox--img.camping-car,
.diagnostic-input_checkbox--img.commercial-vehicle,
.diagnostic-input_checkbox--img.heavy-vehicle,
.diagnostic-input_checkbox--img.light-vehicle,
.diagnostic-input_checkbox--img.public-works {
    height: 100px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 8px #d8d8d8;
    box-shadow: 2px 2px 8px #d8d8d8
}

.diagnostic-input_checkbox--img.camping-car::after,
.diagnostic-input_checkbox--img.commercial-vehicle::after,
.diagnostic-input_checkbox--img.heavy-vehicle::after,
.diagnostic-input_checkbox--img.light-vehicle::after,
.diagnostic-input_checkbox--img.public-works::after {
    top: auto;
    bottom: 25px
}

@media (max-width:575px) {
    .diagnostic-input_checkbox--img.camping-car,
    .diagnostic-input_checkbox--img.commercial-vehicle,
    .diagnostic-input_checkbox--img.heavy-vehicle,
    .diagnostic-input_checkbox--img.light-vehicle,
    .diagnostic-input_checkbox--img.public-works {
        height: 140px
    }
}

.diagnostic-input_checkbox--img label {
    width: 100%;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 22px 0
}

@media (max-width:575px) {
    .diagnostic-input_checkbox--img {
        padding: 10px
    }
    .diagnostic-input_checkbox--img.withText:hover label::before {
        color: #9b9b9b
    }
    .diagnostic-input_checkbox--img.withText::after {
        width: 60px;
        height: 60px;
        top: 40px
    }
    .diagnostic-input_checkbox--img.withText label::before {
        top: 62px
    }
    .diagnostic-input_checkbox--img label {
        padding-bottom: 0;
        padding-top: 0
    }
    .diagnostic-input_checkbox--img.camping-car::after,
    .diagnostic-input_checkbox--img.commercial-vehicle::after,
    .diagnostic-input_checkbox--img.four-impact::after,
    .diagnostic-input_checkbox--img.heavy-vehicle::after,
    .diagnostic-input_checkbox--img.impact::after,
    .diagnostic-input_checkbox--img.light-vehicle::after,
    .diagnostic-input_checkbox--img.one-impact::after,
    .diagnostic-input_checkbox--img.public-works::after,
    .diagnostic-input_checkbox--img.two-impact::after {
        top: 10px;
        width: 80px
    }
    .diagnostic-input_checkbox--img.inferior-impact::after,
    .diagnostic-input_checkbox--img.superior-impact::after {
        top: 0
    }
}

.diagnostic-input_checkbox--img.lateral-window-left::after {
    background-image: url(../_img/vitre-laterale-gauche.png)
}

.diagnostic-input_checkbox--img.lateral-window-right::after {
    background-image: url(../_img/vitre-laterale-droite.png)
}

.diagnostic-input_checkbox--img.windshield::after {
    background-image: url(../_img/pare-brise.png)
}

.diagnostic-input_checkbox--img.rear-window::after {
    background-image: url(../_img/lunette-arriere.png)
}

.diagnostic-input_checkbox--img.back-window::after {
    background-image: url(../_img/vitre-arriere.png)
}

.diagnostic-input_checkbox--img.front-window::after {
    background-image: url(../_img/vitre-avant.png)
}

.diagnostic-input_checkbox--img.impact::after {
    background-image: url(../_img/fissure.png)
}

.diagnostic-input_checkbox--img.one-impact::after {
    background-image: url(../_img/impact.png)
}

.diagnostic-input_checkbox--img.two-impact::after {
    background-image: url(../_img/2-impacts.png)
}

.diagnostic-input_checkbox--img.four-impact::after {
    background-image: url(../_img/4-impacts.png)
}

.diagnostic-input_checkbox--img.inferior-impact::after {
    width: 60px;
    background-image: url(../_img/inferieur-a-2.5.svg)
}

.diagnostic-input_checkbox--img.superior-impact::after {
    width: 60px;
    background-image: url(../_img/superieur-a-2.5.svg)
}

.diagnostic-input_checkbox--img.light-vehicle::after {
    width: 60px;
    background-image: url(../_img/diagnostic-car1.svg)
}

.diagnostic-input_checkbox--img.light-vehicle:hover::after {
    background-image: url(../_img/diagnostic-car1_white.svg)
}

.diagnostic-input_checkbox--img.light-vehicle.img-white::after {
    background-image: url(../_img/diagnostic-car1_white.svg)
}

.diagnostic-input_checkbox--img.commercial-vehicle::after {
    width: 60px;
    background-image: url(../_img/diagnostic-camionette.svg)
}

.diagnostic-input_checkbox--img.commercial-vehicle:hover::after {
    background-image: url(../_img/diagnostic-camionette_white.svg)
}

.diagnostic-input_checkbox--img.commercial-vehicle.img-white::after {
    background-image: url(../_img/diagnostic-camionette_white.svg)
}

.diagnostic-input_checkbox--img .diagnostic-input_checkbox--img input:checked~label {
    color: red
}

.diagnostic-input_checkbox--img.heavy-vehicle::after {
    width: 60px;
    background-image: url(../_img/diagnostic-heavy-vehicle.svg)
}

.diagnostic-input_checkbox--img.heavy-vehicle.img-white::after {
    background-image: url(../_img/diagnostic-heavy-vehicle_white.svg)
}

.diagnostic-input_checkbox--img.heavy-vehicle:hover::after {
    background-image: url(../_img/diagnostic-heavy-vehicle_white.svg)
}
.diagnostic-input_checkbox--img.heavy-vehicle input:checked::after,
.diagnostic-input_checkbox--img.heavy-vehicle:hover::after {
    background-image: url(../_img/diagnostic-heavy-vehicle_white.svg)
}

.diagnostic-input_checkbox--img.camping-car::after {
    width: 60px;
    background-image: url(../_img/diagnostic-camping-car.svg)
}

.diagnostic-input_checkbox--img.camping-car.img-white::after {
    background-image: url(../_img/diagnostic-camping-car_white.svg)
}

.diagnostic-input_checkbox--img.camping-car:hover::after {
    background-image: url(../_img/diagnostic-camping-car_white.svg)
}

.diagnostic-input_checkbox--img.camping-car::after input:checked{
    background-image: url(../_img/diagnostic-camping-car_white.svg)
}

.diagnostic-input_checkbox--img.public-works::after {
    width: 60px;
    background-image: url(../_img/diagnostic-public-works.svg)
}

.diagnostic-input_checkbox--img.public-works.img-white::after {
    background-image: url(../_img/diagnostic-public-works_white.svg)
}

.diagnostic-input_checkbox--img.public-works input:checked::after,
.diagnostic-input_checkbox--img.public-works:hover::after {
    background-image: url(../_img/diagnostic-public-works_white.svg)
}

.diagnostic-input_checkbox--other {
    height: auto;
    padding: 15px 5px;
    margin-top: 20px
}

@media (max-width:991px) {
    .diagnostic-input_checkbox--other {
        margin-top: 0
    }
}