[data-scrollbar],
[scrollbar],
scrollbar {
    display: block;
    position: relative
}

    [data-scrollbar] .scroll-content,
    [scrollbar] .scroll-content,
    scrollbar .scroll-content {
        -webkit-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

    [data-scrollbar].sticky .scrollbar-track,
    [scrollbar].sticky .scrollbar-track,
    scrollbar.sticky .scrollbar-track {
        background: rgba(222, 222, 222, 0.75)
    }

    [data-scrollbar] .scrollbar-track,
    [scrollbar] .scrollbar-track,
    scrollbar .scrollbar-track {
        position: absolute;
        opacity: 1;
        -ms-filter: none;
        filter: none;
        z-index: 1;
        -webkit-transition: opacity 0.5s ease-out, background 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out, background 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out, background 0.5s ease-out;
        -ms-transition: opacity 0.5s ease-out, background 0.5s ease-out;
        transition: opacity 0.5s ease-out, background 0.5s ease-out;
        background: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        [data-scrollbar] .scrollbar-track.show,
        [data-scrollbar] .scrollbar-track:hover,
        [scrollbar] .scrollbar-track.show,
        [scrollbar] .scrollbar-track:hover,
        scrollbar .scrollbar-track.show,
        scrollbar .scrollbar-track:hover {
            opacity: 1;
            -ms-filter: none;
            filter: none
        }

        [data-scrollbar] .scrollbar-track:hover,
        [scrollbar] .scrollbar-track:hover,
        scrollbar .scrollbar-track:hover {
            background: #e7e7e7
        }

    [data-scrollbar] .scrollbar-track-x,
    [scrollbar] .scrollbar-track-x,
    scrollbar .scrollbar-track-x {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px
    }

    [data-scrollbar] .scrollbar-track-y,
    [scrollbar] .scrollbar-track-y,
    scrollbar .scrollbar-track-y {
        top: 0;
        right: 4px;
        width: 4px;
        height: 100%
    }

    [data-scrollbar] .scrollbar-thumb,
    [scrollbar] .scrollbar-thumb,
    scrollbar .scrollbar-thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 8px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px
    }

    [data-scrollbar] .overscroll-glow,
    [scrollbar] .overscroll-glow,
    scrollbar .overscroll-glow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.custom-area .front-bumper,
.vehicle-extra-parts .front-bumper {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -103px -21px;
    width: 122px;
    height: 30px;
}

    .custom-area .front-bumper.painted,
    .vehicle-extra-parts .front-bumper.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -103px -21px;
        width: 122px;
        height: 30px;
    }

    .custom-area .front-bumper.lokal,
    .vehicle-extra-parts .front-bumper.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -103px -21px;
        width: 122px;
        height: 30px;
    }

    .custom-area .front-bumper.changed,
    .vehicle-extra-parts .front-bumper.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -103px -21px;
        width: 122px;
        height: 30px;
    }

.custom-area .front-left-mudguard,
.vehicle-extra-parts .front-left-mudguard {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -33px -68px;
    width: 52px;
    height: 75px;
}



    .custom-area .front-left-mudguard.painted,
    .vehicle-extra-parts .front-left-mudguard.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -33px -68px;
        width: 52px;
        height: 75px;
    }

    .custom-area .front-left-mudguard.lokal,
    .vehicle-extra-parts .front-left-mudguard.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -33px -68px;
        width: 52px;
        height: 75px;
    }

    .custom-area .front-left-mudguard.changed,
    .vehicle-extra-parts .front-left-mudguard.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -33px -68px;
        width: 52px;
        height: 75px;
    }

.custom-area .front-right-mudguard,
.vehicle-extra-parts .front-right-mudguard {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -241px -68px;
    width: 52px;
    height: 75px;
}



    .custom-area .front-right-mudguard.painted,
    .vehicle-extra-parts .front-right-mudguard.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -241px -68px;
        width: 52px;
        height: 75px;
    }

    .custom-area .front-right-mudguard.lokal,
    .vehicle-extra-parts .front-right-mudguard.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -241px -68px;
        width: 52px;
        height: 75px;
    }

    .custom-area .front-right-mudguard.changed,
    .vehicle-extra-parts .front-right-mudguard.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -241px -68px;
        width: 52px;
        height: 75px;
    }

.custom-area .front-hood,
.vehicle-extra-parts .front-hood {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -114px -80px;
    width: 98px;
    height: 61px;
}



    .custom-area .front-hood.painted,
    .vehicle-extra-parts .front-hood.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -114px -80px;
        width: 98px;
        height: 61px;
    }

    .custom-area .front-hood.lokal,
    .vehicle-extra-parts .front-hood.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -114px -80px;
        width: 98px;
        height: 61px;
    }

    .custom-area .front-hood.changed,
    .vehicle-extra-parts .front-hood.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -114px -80px;
        width: 98px;
        height: 61px;
    }

.custom-area .front-left-door,
.vehicle-extra-parts .front-left-door {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -35px -147px;
    width: 48px;
    height: 63px;
}



    .custom-area .front-left-door.painted,
    .vehicle-extra-parts .front-left-door.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -35px -147px;
        width: 48px;
        height: 63px;
    }

    .custom-area .front-left-door.lokal,
    .vehicle-extra-parts .front-left-door.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -35px -147px;
        width: 48px;
        height: 63px;
    }

    .custom-area .front-left-door.changed,
    .vehicle-extra-parts .front-left-door.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -35px -147px;
        width: 48px;
        height: 63px;
    }

.custom-area .front-right-door,
.vehicle-extra-parts .front-right-door {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -243px -148px;
    width: 49px;
    height: 58px;
}


    .custom-area .front-right-door.painted,
    .vehicle-extra-parts .front-right-door.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -243px -148px;
        width: 49px;
        height: 58px;
    }

    .custom-area .front-right-door.lokal,
    .vehicle-extra-parts .front-right-door.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -243px -148px;
        width: 49px;
        height: 58px;
    }

    .custom-area .front-right-door.changed,
    .vehicle-extra-parts .front-right-door.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -243px -148px;
        width: 49px;
        height: 58px;
    }

.custom-area .rear-left-door,
.vehicle-extra-parts .rear-left-door {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -34px -214px;
    width: 48px;
    height: 56px;
}



    .custom-area .rear-left-door.painted,
    .vehicle-extra-parts .rear-left-door.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -34px -214px;
        width: 48px;
        height: 56px;
    }

    .custom-area .rear-left-door.lokal,
    .vehicle-extra-parts .rear-left-door.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -34px -214px;
        width: 48px;
        height: 56px;
    }

    .custom-area .rear-left-door.changed,
    .vehicle-extra-parts .rear-left-door.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -34px -214px;
        width: 48px;
        height: 56px;
    }

.custom-area .rear-right-door,
.vehicle-extra-parts .rear-right-door {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -244px -214px;
    width: 49px;
    height: 58px;
}


    .custom-area .rear-right-door.painted,
    .vehicle-extra-parts .rear-right-door.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -244px -214px;
        width: 49px;
        height: 58px;
    }

    .custom-area .rear-right-door.lokal,
    .vehicle-extra-parts .rear-right-door.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -244px -214px;
        width: 49px;
        height: 58px;
    }

    .custom-area .rear-right-door.changed,
    .vehicle-extra-parts .rear-right-door.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -244px -214px;
        width: 49px;
        height: 58px;
    }

.custom-area .roof,
.vehicle-extra-parts .roof {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -119px -177px;
    width: 85px;
    height: 78px;
}



    .custom-area .roof.painted,
    .vehicle-extra-parts .roof.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -119px -177px;
        width: 85px;
        height: 78px;
    }

    .custom-area .roof.lokal,
    .vehicle-extra-parts .roof.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -119px -177px;
        width: 85px;
        height: 78px;
    }

    .custom-area .roof.changed,
    .vehicle-extra-parts .roof.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -119px -177px;
        width: 85px;
        height: 78px;
    }

.custom-area .rear-bumper,
.vehicle-extra-parts .rear-bumper {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -104px -339px;
    width: 125px;
    height: 30px;
}


    .custom-area .rear-bumper.painted,
    .vehicle-extra-parts .rear-bumper.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -104px -339px;
        width: 125px;
        height: 30px;
    }

    .custom-area .rear-bumper.lokal,
    .vehicle-extra-parts .rear-bumper.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -104px -339px;
        width: 125px;
        height: 30px;
    }

    .custom-area .rear-bumper.changed,
    .vehicle-extra-parts .rear-bumper.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -104px -339px;
        width: 125px;
        height: 30px;
    }

.custom-area .rear-hood,
.vehicle-extra-parts .rear-hood {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -113px -306px;
    width: 101px;
    height: 24px;
}



    .custom-area .rear-hood.painted,
    .vehicle-extra-parts .rear-hood.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -113px -306px;
        width: 101px;
        height: 24px;
    }

    .custom-area .rear-hood.lokal,
    .vehicle-extra-parts .rear-hood.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -113px -306px;
        width: 101px;
        height: 24px;
    }

    .custom-area .rear-hood.changed,
    .vehicle-extra-parts .rear-hood.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -113px -306px;
        width: 101px;
        height: 24px;
    }

.custom-area .rear-left-mudguard,
.vehicle-extra-parts .rear-left-mudguard {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -32px -270px;
    width: 49px;
    height: 61px;
}



    .custom-area .rear-left-mudguard.painted,
    .vehicle-extra-parts .rear-left-mudguard.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -32px -270px;
        width: 49px;
        height: 61px;
    }

    .custom-area .rear-left-mudguard.lokal,
    .vehicle-extra-parts .rear-left-mudguard.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -32px -270px;
        width: 49px;
        height: 61px;
    }

    .custom-area .rear-left-mudguard.changed,
    .vehicle-extra-parts .rear-left-mudguard.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -32px -270px;
        width: 49px;
        height: 61px;
    }

.custom-area .rear-right-mudguard,
.vehicle-extra-parts .rear-right-mudguard {
    background-image: url("/assets/img/vehicle_orijinal-c932dd6222781ef023d7f0401d184c70.png");
    background-position: -246px -271px;
    width: 49px;
    height: 61px;
}


    .custom-area .rear-right-mudguard.painted,
    .vehicle-extra-parts .rear-right-mudguard.painted {
        background-image: url("/assets/img/vehicle_boyali-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -246px -271px;
        width: 49px;
        height: 61px;
    }

    .custom-area .rear-right-mudguard.lokal,
    .vehicle-extra-parts .rear-right-mudguard.lokal {
        background-image: url("/assets/img/vehicle_lokal-cdc6afd49ec8572d5a981af0046767a0.png");
        background-position: -246px -271px;
        width: 49px;
        height: 61px;
    }

    .custom-area .rear-right-mudguard.changed,
    .vehicle-extra-parts .rear-right-mudguard.changed {
        background-image: url("/assets/img/vehicle_degisen-3c8f6e16e84732f49d5c499eaec8d9c0.png");
        background-position: -246px -271px;
        width: 49px;
        height: 61px;
    }

.custom-area table td,
.vehicle-extra-parts table td {
    font-size: 13px;
    color: #333;
    text-align: right;
    padding: 5px 8px;
    font-weight: bold;
}

    .custom-area table td input[type="radio"].sg-radio:not(.ng-hide) + label,
    .vehicle-extra-parts table td input[type="radio"].sg-radio:not(.ng-hide) + label {
        font-weight: bold;
        line-height: normal;
    }

        .custom-area table td input[type="radio"].sg-radio:not(.ng-hide) + label:before,
        .vehicle-extra-parts table td input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            top: 0
        }

        .custom-area table td input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .vehicle-extra-parts table td input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            top: 4px
        }

    .custom-area table td.original input[type="radio"].sg-radio:not(.ng-hide) + label,
    .vehicle-extra-parts table td.original input[type="radio"].sg-radio:not(.ng-hide) + label {
        color: #ccc;
    }

        .custom-area table td.original input[type="radio"].sg-radio:not(.ng-hide) + label:before,
        .vehicle-extra-parts table td.original input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            border-color: #ccc
        }

        .custom-area table td.original input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .vehicle-extra-parts table td.original input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            background-color: #ccc;
            border-color: #ccc
        }

    .custom-area table td.original input[type="radio"].sg-radio:not(.ng-hide):checked + label:before,
    .vehicle-extra-parts table td.original input[type="radio"].sg-radio:not(.ng-hide):checked + label:before {
        background-color: #ccc;
        border-color: #ccc
    }

    .custom-area table td.original input[type="radio"].sg-radio:not(.ng-hide):checked + label:after,
    .vehicle-extra-parts table td.original input[type="radio"].sg-radio:not(.ng-hide):checked + label:after {
        border-color: #ccc
    }

    .custom-area table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label,
    .vehicle-extra-parts table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label {
        color: #ff5e39;
    }

        .custom-area table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label:before,
        .vehicle-extra-parts table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            border-color: #ff5e39
        }

        .custom-area table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .vehicle-extra-parts table td.painted input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            background-color: #ff5e39;
            border-color: #ff5e39
        }

    .custom-area table td.painted input[type="radio"].sg-radio:not(.ng-hide):checked + label:before,
    .vehicle-extra-parts table td.painted input[type="radio"].sg-radio:not(.ng-hide):checked + label:before {
        background-color: #ff5e39;
        border-color: #ff5e39
    }

    .custom-area table td.painted input[type="radio"].sg-radio:not(.ng-hide):checked + label:after,
    .vehicle-extra-parts table td.painted input[type="radio"].sg-radio:not(.ng-hide):checked + label:after {
        border-color: #ff5e39
    }





    .custom-area table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label,
    .vehicle-extra-parts table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label {
        color: #00a8f3;
    }

        .custom-area table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label:before,
        .vehicle-extra-parts table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            border-color: #00a8f3
        }

        .custom-area table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .vehicle-extra-parts table td.lokal input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            background-color: #00a8f3;
            border-color: #00a8f3
        }

    .custom-area table td.lokal input[type="radio"].sg-radio:not(.ng-hide):checked + label:before,
    .vehicle-extra-parts table td.lokal input[type="radio"].sg-radio:not(.ng-hide):checked + label:before {
        background-color: #00a8f3;
        border-color: #00a8f3
    }

    .custom-area table td.lokal input[type="radio"].sg-radio:not(.ng-hide):checked + label:after,
    .vehicle-extra-parts table td.lokal input[type="radio"].sg-radio:not(.ng-hide):checked + label:after {
        border-color: #00a8f3
    }



    .custom-area table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label,
    .vehicle-extra-parts table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label {
        color: #875de2;
    }

        .custom-area table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label:before,
        .vehicle-extra-parts table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            border-color: #875de2
        }

        .custom-area table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .vehicle-extra-parts table td.changed input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            background-color: #875de2;
            border-color: #875de2
        }

    .custom-area table td.changed input[type="radio"].sg-radio:not(.ng-hide):checked + label:before,
    .vehicle-extra-parts table td.changed input[type="radio"].sg-radio:not(.ng-hide):checked + label:before {
        background-color: #875de2;
        border-color: #875de2
    }

    .custom-area table td.changed input[type="radio"].sg-radio:not(.ng-hide):checked + label:after,
    .vehicle-extra-parts table td.changed input[type="radio"].sg-radio:not(.ng-hide):checked + label:after {
        border-color: #875de2
    }

.car-damage-info {
    text-align: center;
    margin: 10px 0;
}

    .car-damage-info span {
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
        margin-right: 10px;
        display: inline-block;
        position: relative;
        padding-left: 22px;
    }

        .car-damage-info span:before {
            position: absolute;
            left: 0;
            width: 17px;
            height: 16px;
            margin-right: 10px;
            content: ''
        }

        .car-damage-info span.original {
            color: #ccc;
        }

            .car-damage-info span.original:before {
                background-color: #ccc
            }

        .car-damage-info span.changed {
            color: #54df00;
        }

            .car-damage-info span.changed:before {
                background-color: #54df00
            }

        .car-damage-info span.painted {
            color: #df0000;
        }

            .car-damage-info span.painted:before {
                background-color: #df0000
            }


        .car-damage-info span.lokal {
            color: #ebe800;
        }

            .car-damage-info span.lokal:before {
                background-color: #ebe800
            }

.post-detailed-information ul.custom-area .label-holder {
    padding-top: 10px
}

.post-detailed-information ul.custom-area .damage-selection thead td {
    font-weight: bold;
}

    .post-detailed-information ul.custom-area .damage-selection thead td.original {
        color: #ccc
    }

    .post-detailed-information ul.custom-area .damage-selection thead td.changed {
        color: #875de2
    }

    .post-detailed-information ul.custom-area .damage-selection thead td.painted {
        color: #ff5e39
    }

.post-detailed-information ul.custom-area .damage-selection td {
    min-width: 70px;
}

    .post-detailed-information ul.custom-area .damage-selection td:first-child {
        text-align: left
    }

.post-detailed-information ul.custom-area li {
    text-align: center;
}

.custom-area li {
    list-style-type: none !important;
}

.post-detailed-information ul.custom-area li.post-detailed-information-button {
    text-align: left
}

.post-detailed-information ul.custom-area li:not(.post-detailed-information-button) {
    width: 100%;
}

    .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) label {
        vertical-align: top
    }

    .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) input[type="radio"].sg-radio:not(.ng-hide) + label {
        padding-left: 0;
        display: inline-block;
        position: relative;
    }

        .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) input[type="radio"].sg-radio:not(.ng-hide) + label:after,
        .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            left: 50%;
            top: 0
        }

        .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) input[type="radio"].sg-radio:not(.ng-hide) + label:before {
            margin-left: -7px
        }

        .post-detailed-information ul.custom-area li:not(.post-detailed-information-button) input[type="radio"].sg-radio:not(.ng-hide) + label:after {
            margin-left: -3px;
            top: 4px
        }

.vehicle-extra-parts {
    zoom: 1;
}

    .vehicle-extra-parts .dialog-buttons {
        padding-top: 30px;
        text-align: center
    }

    .vehicle-extra-parts:before,
    .vehicle-extra-parts:after {
        content: "";
        display: table
    }

    .vehicle-extra-parts:after {
        clear: both
    }

    .vehicle-extra-parts > div {
        height: 150px
    }

    .vehicle-extra-parts .image-area,
    .vehicle-extra-parts .info-area {
        height: 150px
    }

    .vehicle-extra-parts .image-area {
        float: left;
        width: 130px
    }

    .vehicle-extra-parts .info-area {
        width: 320px;
        float: right;
    }

        .vehicle-extra-parts .info-area h2,
        .vehicle-extra-parts .info-area h3 {
            font-size: 16px;
            color: #333
        }

        .vehicle-extra-parts .info-area h2 {
            font-weight: bold
        }

.car-parts {
    width: 311px;
    height: 391px;
    position: relative;
}

    .car-parts div {
        position: absolute;
        cursor: pointer;
        z-index: 3;
        -webkit-transition: background-image 0.1s linear;
        -moz-transition: background-image 0.1s linear;
        -o-transition: background-image 0.1s linear;
        -ms-transition: background-image 0.1s linear;
        transition: background-image 0.1s linear
    }

    .car-parts .front-bumper {
        left: 103px;
        top: 21px;
    }

    .car-parts .front-left-mudguard {
        top: 68px;
        left: 32px;
        border-radius: 5px;
    }

    .car-parts .front-right-mudguard {
        top: 68px;
        left: 242px;
        border-radius: 5px;
    }

    .car-parts .front-hood {
        top: 78px;
        left: 114px;
        border-radius: 5px;
    }

    .car-parts .front-left-door {
        top: 147px;
        left: 34px;
        border-radius: 5px;
    }

    .car-parts .front-right-door {
        top: 150px;
        left: 245px;
        border-radius: 5px;
    }

    .car-parts .rear-left-door {
        top: 214px;
        left: 34px;
        border-radius: 5px;
    }

    .car-parts .rear-right-door {
        top: 213px;
        left: 245px;
        border-radius: 5px;
    }

    .car-parts .roof {
        top: 178px;
        left: 119px;
        border-radius: 5px;
    }

    .car-parts .rear-bumper {
        left: 104px;
        top: 339px;
    }

    .car-parts .rear-hood {
        top: 307px;
        left: 114px;
        border-radius: 5px;
    }

    .car-parts .rear-left-mudguard {
        top: 270px;
        left: 32px;
        border-radius: 5px;
    }

    .car-parts .rear-right-mudguard {
        top: 271px;
        left: 246px;
        border-radius: 5px;
    }

.damage-area {
    display: inline-block;
    vertical-align: top;
    padding-right: 70px;
}

    .damage-area .car-parts {
        background-image: url("/assets/img/add_classified-d10a0eaa26e03f04245fe038be33cd3d.png");
        background-position: 0 0;
        width: 311px;
        height: 391px;
    }

.damage-selection {
    width: auto;
    margin-top: 5px;
    display: inline-block;
    margin-left: 90px;
}

    .damage-selection tbody tr:hover td,
    .damage-selection tbody tr.active td {
        background-color: #f0f0f0
    }

.add-classified {
    float: left;
    margin-bottom: 43px;
    width: 100%
}

.add-classified-help {
    float: right;
    font-size: 12px;
    margin-right: 5px;
    color: #438ed8;
    margin-top: 3px
}

.progress {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    height: 60px;
    margin-bottom: 45px;
}

    .progress:before {
        width: 100%;
        height: 4px;
        content: '';
        background-color: #dfdfdf;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2px
    }

    .progress.step1 > ol.sixStep:before {
        width: 8%
    }

    .progress.step2 > ol.sixStep:before {
        width: 22%
    }

    .progress.step3 > ol.sixStep:before {
        width: 35%
    }

    .progress.step4 > ol.sixStep:before {
        width: 50%
    }

    .progress.step5 > ol.sixStep:before {
        width: 65%
    }

    .progress.step6 > ol.sixStep:before {
        width: 100%
    }

    .progress.step1 > ol.sixStepWithoutPacket:before {
        width: 8%
    }

    .progress.step2 > ol.sixStepWithoutPacket:before {
        width: 25%
    }

    .progress.step3 > ol.sixStepWithoutPacket:before {
        width: 40%
    }

    .progress.step4 > ol.sixStepWithoutPacket:before {
        width: 40%
    }

    .progress.step5 > ol.sixStepWithoutPacket:before {
        width: 60%
    }

    .progress.step6 > ol.sixStepWithoutPacket:before {
        width: 100%
    }

    .progress.step1 ol:before {
        width: 10%
    }

    .progress.step2 ol:before {
        width: 30%
    }

    .progress.step2.middle-step1 > ol.sixStep:before {
        width: 25%
    }

    .progress.step2.middle-step1 ol:before {
        width: 35%
    }

    .progress.step2.middle-step2 > ol.sixStep:before {
        width: 28%
    }

    .progress.step2.middle-step2 ol:before {
        width: 40%
    }

    .progress.step2.middle-step3 > ol.sixStep:before {
        width: 32%
    }

    .progress.step2.middle-step3 ol:before {
        width: 45%
    }

    .progress.step2.middle-step4 > ol.sixStep:before {
        width: 33%
    }

    .progress.step2.middle-step4 ol:before {
        width: 46%
    }

    .progress.step3 ol:before {
        width: 50%
    }

    .progress.step5 ol:before {
        width: 70%
    }

    .progress.step6 ol:before {
        width: 100%
    }

    .progress ol {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        height: 60px;
        position: relative;
        counter-reset: li;
    }

        .progress ol.sixStep li {
            width: 14.28%
        }

        .progress ol.sixStepWithoutPacket li {
            width: 16.66%
        }

        .progress ol:before {
            -webkit-transition: width 0.7s linear;
            -moz-transition: width 0.7s linear;
            -o-transition: width 0.7s linear;
            -ms-transition: width 0.7s linear;
            transition: width 0.7s linear;
            height: 4px;
            content: '';
            background-color: #209579;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -2px
        }

        .progress ol li {
            float: left;
            width: 20%;
            text-align: center;
            padding: 0;
            margin: 0;
            position: relative;
            height: 100%;
        }

            .progress ol li:before {
                width: 36px;
                height: 36px;
                content: '';
                background-color: #dfdfdf;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -18px;
                margin-top: -18px;
                border-radius: 36px;
                content: counter(li);
                counter-increment: li;
                color: #999;
                line-height: 36px;
                font-size: 16px;
                font-weight: bold;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

            .progress ol li.done:before {
                width: 40px;
                height: 40px;
                margin-left: -20px;
                margin-top: -20px;
                background-color: #289479;
                color: #fff;
                line-height: 40px;
                font-size: 16px
            }

            .progress ol li.current:before {
                width: 46px;
                height: 46px;
                margin-left: -24px;
                border: 4px solid #209579;
                margin-top: -23px;
                background-color: #fafafa;
                color: #289479;
                line-height: 40px;
                font-size: 16px
            }

            .progress ol li.current a,
            .progress ol li.current span {
                font-weight: bold
            }

            .progress ol li a,
            .progress ol li span {
                font-weight: normal;
                color: #999;
                margin-top: 63px;
                display: inline-block;
                text-decoration: none
            }

                .progress ol li a:hover {
                    text-decoration: underline
                }

.link-bar {
    overflow: hidden;
    clear: both;
    padding: 0 0 10px 0
}

.new-sticker {
    position: relative;
}

    .new-sticker:after {
        content: attr(data-sticker-text);
        font-size: 10px;
        color: #c55353;
        position: absolute;
        top: 10px;
        right: 6px
    }