input[type="radio"], input[type="checkbox"] { background-color: #fff; border: 1px solid #8BC53F; border-radius: 50%; display: grid; height: 25px; margin: 0 auto; place-content: center; width: 25px; appearance: none; -webkit-appearance: none; }
input[type="radio"]::before, input[type="checkbox"]::before { content: ""; background-color: #8BC53F; height: 11px; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; width: 11px; }
input[type="radio"]:checked, input[type="checkbox"]:checked { border: 2px solid #8BC53F; }
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before { transform: scale(1); }
input { height: 35px; width: 100%; }

.dot { background: #fff; border: 1px solid #8BC53F; border-radius: 50px; display: inline-block; height: 16px; vertical-align: middle; width: 16px; }

.btn-circle.disabled { color: #eee; }
.btn-circle.completed { color: var(--site2); cursor: pointer; }

.tab-panel.disabled { display: none; }
.tab-panel.active { display: block; }

.strong { font-weight: bold; }

.change-side-car-img { min-width: 70px; width: 70px; }

.damage-selector-wrap { position: relative; width: 100%; }
.damage-selector-wrap .damage-selector { position: absolute; }

.damage-tags-wrap { background: #f5f2ea; border-radius: 10px; padding: 30px; }
.damage-tags-wrap ul.tags li { cursor: pointer; border: 1px solid #ccc; border-radius: 8px; display: inline-block; font-size: 15px; height: 37px; line-height: 37px; margin: 0 10px 10px 0; padding: 0 15px; }
.damage-tags-wrap ul.tags li .icon { font-size: 13px; margin-left: 8px; opacity: .5; }
.damage-tags-wrap ul.tags li:hover .icon { color: red; }

/* LEFT VIEW */
.damage-selector-wrap .damage-selector.area-1 { bottom: 29%; left: 29.5%; }
.damage-selector-wrap .damage-selector.area-2 { left: 35.5%; top: 50%; }
.damage-selector-wrap .damage-selector.area-3 { left: 42%; top: 33%; }
.damage-selector-wrap .damage-selector.area-4 { left: 45%; top: 50%; }
.damage-selector-wrap .damage-selector.area-5 { right: 37.5%; top: 50%; }
.damage-selector-wrap .damage-selector.area-6 { right: 25%; top: 50%; }
.damage-selector-wrap .damage-selector.area-7 { bottom: 29%; right: 30.8%; }

/* RIGHT VIEW */
.damage-selector-wrap .damage-selector.area-8 { bottom: 29%; right: 29.5%; }
.damage-selector-wrap .damage-selector.area-9 { right: 34.8%; top: 50%; }
.damage-selector-wrap .damage-selector.area-10 { right: 41.8%; top: 33%; }
.damage-selector-wrap .damage-selector.area-11 { right: 45%; top: 50%; }
.damage-selector-wrap .damage-selector.area-12 { left: 37%; top: 50%; }
.damage-selector-wrap .damage-selector.area-13 { left: 25%; top: 50%; }
.damage-selector-wrap .damage-selector.area-14 { bottom: 29%; left: 30.8%; }

/* FRONT VIEW */
.damage-selector-wrap .damage-selector.area-15 { left: 40%; top: 48%; }
.damage-selector-wrap .damage-selector.area-16 { left: 40%; top: 64%; }
.damage-selector-wrap .damage-selector.area-17 { left: 49%; top: 43%; }
.damage-selector-wrap .damage-selector.area-18 { left: 49%; top: 67%; }
.damage-selector-wrap .damage-selector.area-19 { right: 40%; top: 64%; }
.damage-selector-wrap .damage-selector.area-20 { right: 40%; top: 48%; }

/* REAR VIEW */
.damage-selector-wrap .damage-selector.area-21 { left: 40%; top: 42%; }
.damage-selector-wrap .damage-selector.area-22 { left: 40%; top: 56%; }
.damage-selector-wrap .damage-selector.area-23 { left: 49%; top: 39%; }
.damage-selector-wrap .damage-selector.area-24 { left: 49%; top: 56%; }
.damage-selector-wrap .damage-selector.area-25 { right: 40%; top: 42%; }
.damage-selector-wrap .damage-selector.area-26 { right: 40%; top: 56%; }

/* TOP VIEW */
.damage-selector-wrap .damage-selector.area-27 { left: 28%; top: 45%; }
.damage-selector-wrap .damage-selector.area-28 { right: 23%; top: 45%; }

@media (max-width: 1399px) {

    /* LEFT VIEW */
    .damage-selector-wrap .damage-selector.area-1 { left: 27.8%; }
    .damage-selector-wrap .damage-selector.area-2 { left: 34.4%; }
    .damage-selector-wrap .damage-selector.area-3 { left: 41%; }
    .damage-selector-wrap .damage-selector.area-4 { left: 45%; }
    .damage-selector-wrap .damage-selector.area-5 { right: 36%; }
    .damage-selector-wrap .damage-selector.area-6 { right: 24%; }
    .damage-selector-wrap .damage-selector.area-7 { right: 29.4%; }

    /* RIGHT VIEW */
    .damage-selector-wrap .damage-selector.area-8 { right: 28%; }
    .damage-selector-wrap .damage-selector.area-9 { right: 33.3%; }
    .damage-selector-wrap .damage-selector.area-10 { right: 41%; }
    .damage-selector-wrap .damage-selector.area-11 { right: 43.5%; }
    .damage-selector-wrap .damage-selector.area-12 { left: 35.5%; }
    .damage-selector-wrap .damage-selector.area-13 { left: 23.5%; }
    .damage-selector-wrap .damage-selector.area-14 { left: 29.4%; }

    /* FRONT VIEW */
    .damage-selector-wrap .damage-selector.area-15, .damage-selector-wrap .damage-selector.area-16 { left: 39%; }

    /* FRONT & REAR VIEW */
    .damage-selector-wrap .damage-selector.area-15, .damage-selector-wrap .damage-selector.area-16,
    .damage-selector-wrap .damage-selector.area-21, .damage-selector-wrap .damage-selector.area-22 { left: 39%; }
    .damage-selector-wrap .damage-selector.area-19, .damage-selector-wrap .damage-selector.area-20,
    .damage-selector-wrap .damage-selector.area-25, .damage-selector-wrap .damage-selector.area-26 { right: 39%; }

    /* TOP VIEW */
    .damage-selector-wrap .damage-selector.area-27 { left: 26%; }
    .damage-selector-wrap .damage-selector.area-28 { right: 20.5%; }
}

@media (max-width: 1299px) {

    /* LEFT VIEW */
    .damage-selector-wrap .damage-selector.area-1 { left: 25.8%; }
    .damage-selector-wrap .damage-selector.area-2 { left: 32.4%; }
    .damage-selector-wrap .damage-selector.area-3 { left: 40.1%; }
    .damage-selector-wrap .damage-selector.area-4 { left: 44%; }
    .damage-selector-wrap .damage-selector.area-5 { right: 34%; }
    .damage-selector-wrap .damage-selector.area-6 { right: 22%; }
    .damage-selector-wrap .damage-selector.area-7 { right: 27.4%; }

    /* RIGHT VIEW */
    .damage-selector-wrap .damage-selector.area-8 { right: 25.85%; }
    .damage-selector-wrap .damage-selector.area-9 { right: 32.1%; }
    .damage-selector-wrap .damage-selector.area-10 { right: 40.2%; }
    .damage-selector-wrap .damage-selector.area-11 { right: 44%; }
    .damage-selector-wrap .damage-selector.area-12 { left: 34.5%; }
    .damage-selector-wrap .damage-selector.area-13 { left: 21.5%; }
    .damage-selector-wrap .damage-selector.area-14 { left: 27.5%; }

    /* FRONT & REAR VIEW */
    .damage-selector-wrap .damage-selector.area-15, .damage-selector-wrap .damage-selector.area-16,
    .damage-selector-wrap .damage-selector.area-21, .damage-selector-wrap .damage-selector.area-22 { left: 38%; }
    .damage-selector-wrap .damage-selector.area-19, .damage-selector-wrap .damage-selector.area-20,
    .damage-selector-wrap .damage-selector.area-25, .damage-selector-wrap .damage-selector.area-26 { right: 38%; }

    /* TOP VIEW */
    .damage-selector-wrap .damage-selector.area-27 { left: 24%; }
    .damage-selector-wrap .damage-selector.area-28 { right: 18.5%; }
}

@media (max-width: 1199px) {

    /* LEFT VIEW */
    .damage-selector-wrap .damage-selector.area-1 { left: 21.3%; }
    .damage-selector-wrap .damage-selector.area-2 { left: 29.2%; }
    .damage-selector-wrap .damage-selector.area-3 { left: 38.4%; }
    .damage-selector-wrap .damage-selector.area-4 { left: 43%; }
    .damage-selector-wrap .damage-selector.area-5 { right: 31%; }
    .damage-selector-wrap .damage-selector.area-6 { right: 16%; }
    .damage-selector-wrap .damage-selector.area-7 { right: 23.2%; }

    /* RIGHT VIEW */
    .damage-selector-wrap .damage-selector.area-8 { right: 21.2%; }
    .damage-selector-wrap .damage-selector.area-9 { right: 29%; }
    .damage-selector-wrap .damage-selector.area-10 { right: 38.3%; }
    .damage-selector-wrap .damage-selector.area-13 { left: 16.2%; }
    .damage-selector-wrap .damage-selector.area-14 { left: 23.2%; }

    /* FRONT VIEW */
    .damage-selector-wrap .damage-selector.area-15 { left: 35%; top: 48%; }
    .damage-selector-wrap .damage-selector.area-16 { left: 35%; top: 64%; }
    .damage-selector-wrap .damage-selector.area-17 { left: 48.5%; top: 44%; }
    .damage-selector-wrap .damage-selector.area-18 { left: 48.5%; top: 67%; }
    .damage-selector-wrap .damage-selector.area-19 { right: 35%; top: 64%; }
    .damage-selector-wrap .damage-selector.area-20 { right: 35%; top: 48%; }

    /* REAR VIEW */
    .damage-selector-wrap .damage-selector.area-21 { left: 35%; top: 42%; }
    .damage-selector-wrap .damage-selector.area-22 { left: 35%; top: 57%; }
    .damage-selector-wrap .damage-selector.area-23 { left: 48%; top: 38%; }
    .damage-selector-wrap .damage-selector.area-24 { left: 48%; top: 57%; }
    .damage-selector-wrap .damage-selector.area-25 { right: 35%; top: 42%; }
    .damage-selector-wrap .damage-selector.area-26 { right: 35%; top: 57%; }

    /* TOP VIEW */
    .damage-selector-wrap .damage-selector.area-27 { left: 19%; top: 45%; }
    .damage-selector-wrap .damage-selector.area-28 { right: 12%; top: 45%;}
}

@media (max-width: 992px) {

    /* LEFT VIEW */
    .damage-selector-wrap .damage-selector.area-1 { bottom: 29%; left: 17%; }
    .damage-selector-wrap .damage-selector.area-2 { left: 26%; top: 50%; }
    .damage-selector-wrap .damage-selector.area-3 { left: 37%; top: 33%; }
    .damage-selector-wrap .damage-selector.area-6 { right: 10%; top: 50%; }
    .damage-selector-wrap .damage-selector.area-7 { bottom: 29%; right: 19%; }

    /* RIGHT VIEW */
    .damage-selector-wrap .damage-selector.area-8 { bottom: 29%; right: 17%; }
    .damage-selector-wrap .damage-selector.area-9 { right: 26%; top: 50%; }
    .damage-selector-wrap .damage-selector.area-10 { right: 37%; top: 33%; }
    .damage-selector-wrap .damage-selector.area-13 { left: 10%; top: 50%; }
    .damage-selector-wrap .damage-selector.area-14 { left: 19%; bottom: 29%; }

    /* FRONT & REAR VIEW */
    .damage-selector-wrap .damage-selector.area-15, .damage-selector-wrap .damage-selector.area-16,
    .damage-selector-wrap .damage-selector.area-21, .damage-selector-wrap .damage-selector.area-22 { left: 34%; }
    .damage-selector-wrap .damage-selector.area-19, .damage-selector-wrap .damage-selector.area-20,
    .damage-selector-wrap .damage-selector.area-25, .damage-selector-wrap .damage-selector.area-26 { right: 34%; }

    /* TOP VIEW */
    .damage-selector-wrap .damage-selector.area-27 { left: 15%; top: 45%; }
    .damage-selector-wrap .damage-selector.area-28 { right: 8%; top: 45%;}
}

@media (max-width: 575px) {
    input[type="checkbox"], input[type="radio"] { height: 20px; width: 20px; }
    input[type="checkbox"]::before { height: 10px; width: 10px; }

    .damage-selector-wrap .damage-selector { height: 10%!important; width: 5%!important; }

    #locationEez, #locationMap { right: 0; }

    /* RIGHT VIEW */
    .damage-selector-wrap .damage-selector.area-8 { bottom: 27%; right: 16%; }
    .damage-selector-wrap .damage-selector.area-14 { bottom: 27%; left: 18%; }

    /* LEFT VIEW */
    .damage-selector-wrap .damage-selector.area-1 { bottom: 27%; left: 16%; }
    .damage-selector-wrap .damage-selector.area-7 { bottom: 27%; right: 18%; }
}

.custom-file-container {
    box-sizing: border-box;
    position: relative;
    display: block;
}
.custom-file-container__custom-file {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
    margin-top: 5px;
}
.custom-file-container__custom-file:hover {
    cursor: pointer;
}
.custom-file-container__custom-file__custom-file-input {
    box-sizing: border-box;
    min-width: 14rem;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}
.custom-file-container__custom-file__custom-file-input:focus ~ span {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}
.custom-file-container__custom-file__custom-file-control {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: calc(2.25rem + 2px);
    padding: 0.5rem 0.75rem;
    overflow: hidden;
    line-height: 1.5;
    color: #333;
    user-select: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c0c0af;
    border-radius: 0.25rem;
}
.custom-file-container__custom-file__custom-file-control__button {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    display: block;
    height: calc(2.25rem + 2px);
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #fff;
    background-color: #8BC53F;
    border-left: 1px solid #c0c0af;
    box-sizing: border-box;
}
.custom-file-container__image-preview {
    box-sizing: border-box;
    transition: all 0.2s ease;
    margin-top: 20px;
    margin-bottom: 0;
    height: 250px;
    width: 100%;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
}
.custom-file-container__image-multi-preview {
    position: relative;
    box-sizing: border-box;
    transition: all 0.2s ease;
    border-radius: 6px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin: 1.858736059%;
    width: 29.615861214%;
    height: 90px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}
.custom-file-container__image-multi-preview__single-image-clear {
    left: -6px;
    background: #edede8;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin-top: -6px;
    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
}
.custom-file-container__image-multi-preview__single-image-clear:hover {
    background: #cbcbbd;
    cursor: pointer;
}
.custom-file-container__image-multi-preview__single-image-clear__icon {
    color: #6a6a53;
    display: block;
    margin-top: -2px;
}