.split_box .split_box_button_space.report-buttons-wrapper { gap: 12px; }
.split_box .split_box_button_space.report-buttons-wrapper .hidden { display: none!important; }
.split_box .split_box_button_space.report-buttons-wrapper .button { display: flex; justify-content: center; align-items: center; gap: 12px; margin-left: 0; }
.split_box .split_box_button_space.report-buttons-wrapper .button.prev-step { margin-left: 0; margin-right: auto; }
.split_box .split_box_button_space.report-buttons-wrapper .button.white-bg { background: #fff; color: #00adb3; }
.split_box .split_box_button_space.report-buttons-wrapper .button.white-bg:hover { background: linear-gradient(270deg, #9ae1c3 7%, #008787 59%); color: #fff; }
.split_box .split_box_button_space.report-buttons-wrapper .button.white-bg:hover svg path { fill: #fff; transition: fill .3s; }
.split_box_button_space.report-buttons-wrapper .button { max-width: 200px; }

.reports-carpaint::-webkit-scrollbar { width: 10px; }
.reports-carpaint::-webkit-scrollbar-track { background: #F1F1F1; }
.reports-carpaint::-webkit-scrollbar-thumb { background: #C1C1C1; border-radius: 16px; }
.dark_mode .reports-carpaint::-webkit-scrollbar-track { background: #203C43; }
.dark_mode .reports-carpaint::-webkit-scrollbar-thumb { background: #136970; }

.reports-carpaint .hidden { display: none!important; }

.reports-carpaint .top-bar { display: flex; gap: 24px; }
.reports-carpaint .top-bar .left-box { display: flex; flex-direction: column; gap: 24px; }
.reports-carpaint .top-bar .left-box .step-title { font-size: 24px; font-weight: 700; line-height: 1.25; text-transform: uppercase; color: #000; }
.reports-carpaint .top-bar .left-box .car-info { line-height: 1.25; color: #404041; }
.reports-carpaint .top-bar .steps-box { position: relative; transform: translateX(-30%); display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 375px; margin: 0 auto; }
.reports-carpaint .top-bar .steps-box .line { position: absolute; left: 0; right: 0; z-index: 1; transform: translateY(-50%); height: 4px; background-color: #d9d9d9; }
.reports-carpaint .top-bar .steps-box .line .half { background-color: #13b3b9; height: 100%; width: 0; }
.reports-carpaint .top-bar .steps-box .line .half.active { width: 50%; }

.reports-carpaint .top-bar .steps-box .step-box { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding-top: 1px; font-weight: bold; font-size: 24px; color: grey; background-color: #d9d9d9; border: 4px solid #adadad; border-radius: 50%; cursor: pointer; transition: color .3s,background-color .3s,border-color .3s; }
.reports-carpaint .top-bar .steps-box .step-box:hover { background-color: #e6f7f8; color: #00adb3; border-color: #13b3b9; }
.reports-carpaint .top-bar .steps-box .step-box.active { background-color: #e6f7f8; color: #00adb3; border-color: #13b3b9; }
.reports-carpaint .top-bar .steps-box .step-box.visited { background-color: #13b3b9; color: #fff; border-color: #13b3b9; }

.reports-carpaint .inner-content .input-box { display: flex; flex-direction: column; justify-content: center; gap: 28px; font-size: 14px; font-weight: 700; }
.reports-carpaint .inner-content .input-box .single-input { display: flex; justify-content: center; align-items: center; gap: 8px; }
.reports-carpaint .inner-content .input-box .input-microns { width: 100%; min-width: 32px; max-width: 64px; min-height: 42px; padding: 12px 10px 10px 10px; background-color: #eceff3; text-align: right; font-weight: 700; color: #000; border: none; border-radius: 6px; }
.reports-carpaint .inner-content .input-box .input-text { color: grey; }

.reports-carpaint .inner-content { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.reports-carpaint .inner-content .top-row .car-wrapper { position: relative; }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line { position: absolute; z-index: 3; transform: translateY(-50%); }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line.left { left: -8%; }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line.right { right: -8%; }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line.top { top: 25%; transform: translateY(50%); }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line.middle { top: 50%; }
.reports-carpaint .inner-content .top-row .car-wrapper .car-line.bottom { bottom: 25%; }
.reports-carpaint .inner-content .top-row .car-box { display: flex; justify-content: center; gap: 100px; width: 100%; margin: 54px 0 90px 0; }
.reports-carpaint .inner-content .top-row .car-box .car-icon { position: relative; z-index: 2; width: 100%; max-width: 1058px; height: auto; }

.reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box { position: absolute; top: 90%; transform: translate(-82.5%, -50%); left: 50%; width: 275px; gap: 72px; display: flex; }
.reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box .middle-car-line.second { transform: translateY(55px); }

.reports-carpaint .inner-content .bottom-row { display: flex; justify-content: center; align-items: center; padding-bottom: 24px; }
.reports-carpaint .inner-content .bottom-row .input-box { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 48px; padding-right: 150px; }

.reports-carpaint .inner-content.side-view .top-row .input-box { flex-direction: row; transform: translate(-28px, -15px); }
.reports-carpaint .inner-content.side-view .top-row .car-wrapper { position: relative; }
.reports-carpaint .inner-content.side-view .top-row .car-wrapper .left-inputs-box { position: absolute; top: 0; left: 0; }
.reports-carpaint .inner-content.side-view .top-row .car-wrapper .right-inputs-box { position: absolute; top: 0; right: 0; }
.reports-carpaint .inner-content.side-view .top-row .car-wrapper .right-inputs-box .input-box { transform: translate(48px, -15px); }
.reports-carpaint .inner-content.side-view .top-row .car-wrapper .side-car { height: auto; width: 100%; }
.reports-carpaint .inner-content.side-view .top-row .car-box { margin-bottom: 0; }

.reports-carpaint .inner-content.side-view .bottom-row { gap: 92px; margin-top: 6px; }
.reports-carpaint .inner-content.side-view .bottom-row .input-box { padding-right: 0; }
.reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.right { transform: translateX(60px); }

.dark_mode .reports-carpaint .inner-content svg path { fill: #FFFFFF; }
.dark_mode .reports-carpaint .inner-content svg path:nth-last-child(-n+12) { fill: #FF4848; }
.dark_mode .reports-carpaint .inner-content.first-step svg path:nth-last-child(-n+12) { fill: #FFFFFF; }
.dark_mode .reports-carpaint .inner-content.first-step svg.car-line path { fill: #FF4848; }
.dark_mode .reports-carpaint .inner-content.first-step svg.middle-car-line path { fill: #FF4848; }
.dark_mode .reports-carpaint .inner-content.first-step svg.middle-car-line.first path:last-child { stroke: #FF4848; }
.dark_mode .reports-carpaint .inner-content.first-step svg.middle-car-line.third path:last-child { stroke: #FF4848; }

.dark_mode .reports-carpaint .inner-content rect[fill-opacity="0.2"] { fill: #91979A; fill-opacity: 1; }
.dark_mode .reports-carpaint .top-bar .left-box .step-title { color: #fff; }
.dark_mode .reports-carpaint .inner-content .input-box .input-microns { background-color: #1f3d43; color: #fff; border: 1px solid #00adb3; }
.dark_mode .reports-carpaint .top-bar .steps-box .line { background-color: #185e66; }
.dark_mode .reports-carpaint .steps-box .step-box { background-color: #1b252b; border-color: #185e66; }
.dark_mode .reports-carpaint .top-bar .steps-box .step-box.visited { background-color: #13b3b9; border-color: #13b3b9; }
.dark_mode .reports-carpaint .top-bar .steps-box .step-box:hover { background-color: #e6f7f8; color: #00adb3; border-color: #13b3b9; }

.reports-carpaint .top-bar .left-box .car-info { color: grey; }

@media all and (max-width: 1700px) {
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper { width: 90%; }
  .reports-carpaint .inner-content .bottom-row .input-box { gap: 36px; }
}

@media all and (max-width: 1600px) {
  .reports-carpaint .inner-content .top-row .car-box { gap: 72px; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left { left: -5%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.top { width: 25%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.middle { width: 22.5%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.bottom { width: 25%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right { right: -5%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.top { width: 38%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.middle { width: 34%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.bottom { width: 38%; }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .input-box { gap: 16px; }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .left-inputs-box .input-box { transform: translate(-42px, -15px); }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .right-inputs-box .input-box { transform: translate(64px, -15px); }
  .reports-carpaint .inner-content.side-view .bottom-row { gap: 72px; }
  .reports-carpaint .inner-content.side-view .bottom-row .input-box.right { transform: translateX(15px); }
  .reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.left { transform: translateX(15px); }
  .reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.right { transform: translateX(45px); }
}

@media all and (max-width: 1400px) {
  .reports-carpaint .top-bar .left-box { gap: 12px; }
  .reports-carpaint .top-bar .steps-box .step-box { width: 30px; height: 30px; font-size: 16px; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left { left: -2%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.top { width: 20%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.middle { width: 18%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left.bottom { width: 20%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right { right: -2%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.top { width: 32%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.middle { width: 28%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.bottom { width: 32%; }
  .reports-carpaint .inner-content .top-row .car-box { gap: 48px; }
  .reports-carpaint .inner-content .top-row .input-box { gap: 20px; }
  .reports-carpaint .inner-content .top-row .input-box .input-microns { min-height: 36px; }
  .reports-carpaint .inner-content .bottom-row .input-box { gap: 24px; padding-right: 125px; }
  .reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box { top: 95%; width: 250px; transform: translate(-78%, -50%); }
  .reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box .middle-car-line.second { transform: translateY(35px); }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .side-car { width: 98%; }
  .reports-carpaint .inner-content.side-view .bottom-row { gap: 42px; }
  .reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.right { transform: translateX(15px); }
}

@media all and (max-width: 1250px) {
  .reports-carpaint .inner-content .input-box .single-input { gap: 6px; }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .input-box { gap: 8px; }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .left-inputs-box .input-box { transform: translate(-54px, -15px); }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .right-inputs-box .input-box { transform: translate(54px, -15px); }
}

@media all and (max-width: 1200px) {
  .reports-carpaint .top-bar .left-box { max-width: 280px; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.left { left: -1.25%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.top { top: 22%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.bottom { bottom: 22%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right { right: -1.25%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.top { width: 28%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.middle { width: 24%; }
  .reports-carpaint .inner-content .top-row .car-wrapper .car-line.right.bottom { width: 28%; }
  .reports-carpaint .inner-content .top-row .car-box { gap: 24px; }
  .reports-carpaint .inner-content .top-row .car-box .car-icon { width: 100%; max-width: 992px; }
  .reports-carpaint .inner-content .bottom-row .input-box { gap: 12px; }
  .reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box .middle-car-line.first { transform: translateX(25px); }
  .reports-carpaint .inner-content .top-row .car-wrapper .middle-lines-box .middle-car-line.third { transform: translateX(-25px); }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .side-car { width: 95%; }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .left-inputs-box .input-box { transform: translate(-52px, -15px); }
  .reports-carpaint .inner-content.side-view .top-row .car-wrapper .right-inputs-box .input-box { transform: translate(32px, -15px); }
  .reports-carpaint .inner-content.side-view .bottom-row .input-box.right { transform: translateX(-25px); }
  .reports-carpaint .inner-content.side-view .bottom-row .input-box { gap: 8px; }
}

@media all and (max-width: 1100px) {
  .reports-carpaint { overflow-x: scroll; }
  .reports-carpaint .top-bar .left-box { max-width: 100%; }
  .reports-carpaint .top-bar .steps-box { transform: translate(0); }
  .reports-carpaint .inner-content { min-width: 992px; }
  .reports-carpaint .inner-content .bottom-row { padding-bottom: 24px; }
  .split_box .split_box_button_space { margin-top: 24px; flex-wrap: wrap; }
  .reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.left { transform: translateX(0); }
  .reports-carpaint .inner-content.side-view.third-step .bottom-row .input-box.right { transform: translateX(0); }
}

@media all and (max-width: 992px) {
  .split_box .split_box_button_space.report-buttons-wrapper { flex-direction: row; justify-content: space-between; }
  .split_box .split_box_button_space.report-buttons-wrapper .button.prev-step { margin-right: 0; }
  .split_box .split_box_button_space.report-buttons-wrapper .button.next-step { margin-left: auto; }
}

@media all and (max-width: 768px) {
  .reports-carpaint .top-bar { flex-direction: column-reverse; }
  .reports-carpaint .top-bar .steps-box { margin: 0 0 12px 0; }
}

@media all and (max-width: 578px) {
  .split_box .split_box_button_space.report-buttons-wrapper { flex-direction: column; justify-content: center; }
  .split_box .split_box_button_space.report-buttons-wrapper .button.next-step { margin-left: 0; }
}