/* line 12, app/assets/scss/main.scss */
:root {
  --dealer-color-text: #555555;
  --dealer-color-title: #555555;
  --dealer-color-icon: #f47a5c;
  --dealer-color-button-text: white;
  --dealer-color-button-background: #2c3134;
  --dealer-color-button-hover: #cccccc;
}

@font-face {
  font-family: "NeueHaasDisplay-Mediu";
  src: url(/fonts/NeueHaasDisplay-Mediu.ttf);
}

@font-face {
  font-family: "NeueHaasDisplay-Bolder";
  src: url(/fonts/NeueHaasDisplay-Bold.ttf);
}

@font-face {
  font-family: "NeueHaasDisplay-Roman";
  src: url(/fonts/NeueHaasDisplay-Roman.ttf);
}

@font-face {
  font-family: "Graphik";
  src: url(/fonts/GraphikRegular.otf);
  font-weight: normal;
}

@font-face {
  font-family: "Graphik";
  src: url(/fonts/GraphikMedium.otf);
  font-weight: 500;
}

@font-face {
  font-family: "Graphik";
  src: url(/fonts/GraphikSemibold.otf);
  font-weight: 600;
}

/* line 62, app/assets/scss/main.scss */
body {
  font-size: 16px;
  font-family: "NeueHaasDisplay-Roman";
}

/* line 65, app/assets/scss/main.scss */
body a {
  text-decoration: none;
  color: #2c3134;
}

/* line 72, app/assets/scss/main.scss */
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "NeueHaasDisplay-Mediu";
}

/* line 77, app/assets/scss/main.scss */
body .left-right-container {
  display: flex;
}

/* line 80, app/assets/scss/main.scss */
body .left-right-container .left {
  width: 225px;
}

/* line 84, app/assets/scss/main.scss */
body .left-right-container .right {
  width: calc(100% - 225px);
  padding: 50px;
}

/* line 90, app/assets/scss/main.scss */
body .btn-orange {
  background: var(--dealer-color-button-background);
  border: var(--dealer-color-button-background);
}

/* line 95, app/assets/scss/main.scss */
body .btn-orange:hover {
  background: var(--dealer-color-button-hover);
  border: var(--dealer-color-button-hover);
}

/* line 100, app/assets/scss/main.scss */
body .list-style-none {
  list-style: none;
}

/* line 105, app/assets/scss/main.scss */
body .navmenu ul {
  padding-left: 15px;
}

/* line 110, app/assets/scss/main.scss */
body .nav-item {
  margin-top: 5px;
}

/* line 113, app/assets/scss/main.scss */
body .nav-item img {
  width: 24px;
  margin-right: 15px;
}

/* line 118, app/assets/scss/main.scss */
body .nav-item svg {
  margin-right: 15px;
}

/* line 122, app/assets/scss/main.scss */
body .nav-item a {
  padding: 12px;
  text-decoration: none;
  color: #2c3134;
  transition: .3s ease-in-out;
  display: block;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

/* line 131, app/assets/scss/main.scss */
body .nav-item a:hover {
  color: #f47a5c;
}

/* line 138, app/assets/scss/main.scss */
body .nav-item.active a {
  background: #f47a5c;
  color: white;
}

/* line 142, app/assets/scss/main.scss */
body .nav-item.active a:hover {
  color: #2c3134;
}

/* line 149, app/assets/scss/main.scss */
body .bg-gray {
  background: #e3e7e9;
}

/* line 153, app/assets/scss/main.scss */
body .logo-container {
  font-size: 16px;
}

/* line 156, app/assets/scss/main.scss */
body .logo-container img {
  width: 110px;
}

/* line 161, app/assets/scss/main.scss */
body .bg-dark {
  background: #2C3239;
}

/* line 165, app/assets/scss/main.scss */
body .logo-nav {
  font-size: 12px;
  font-family: "Graphik";
}

/* line 169, app/assets/scss/main.scss */
body .logo-nav a {
  color: white;
  text-decoration: none;
}

/* line 175, app/assets/scss/main.scss */
body .mh-vh {
  min-height: 100vh;
}

/* line 179, app/assets/scss/main.scss */
body .card-header {
  background: #f47a5c;
  border-color: #f47a5c;
  color: white;
}

/* line 185, app/assets/scss/main.scss */
body .card {
  border-color: #DDDFE8;
}

/* line 188, app/assets/scss/main.scss */
body .card .card-body {
  padding: 22px 27px;
}

/* line 193, app/assets/scss/main.scss */
body .card-title {
  font-family: "NeueHaasDisplay-Mediu";
  font-size: 20px;
}

/* line 200, app/assets/scss/main.scss */
body .splitter {
  border-bottom: 1px solid #f47a5c;
}

/* line 204, app/assets/scss/main.scss */
body select {
  /* background-size: contain; */
  background-image: url(/assets/images/dropdown.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 48px !important;
}

/* line 212, app/assets/scss/main.scss */
body .search-input {
  min-width: 400px;
  background-image: url(/assets/images/search.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 48px !important;
  background-size: 22px;
}

/* line 223, app/assets/scss/main.scss */
.input-form h3 {
  font-family: "NeueHaasDisplay-Roman";
}

/* line 228, app/assets/scss/main.scss */
.auth-row {
  min-height: 100vh;
}

/* line 232, app/assets/scss/main.scss */
.form-group {
  margin-bottom: 15px;
}

/* line 236, app/assets/scss/main.scss */
.color-picker {
  width: 40px;
  padding: 0;
}

/* line 242, app/assets/scss/main.scss */
.dashboard .btn-orange {
  background: #f47a5c;
  border-color: #f47a5c;
}

/* line 249, app/assets/scss/main.scss */
body.auth .auth-row {
  margin: 0;
}

/* line 253, app/assets/scss/main.scss */
body.auth h1 {
  font-size: 66px;
  max-width: 520px;
}

/* line 258, app/assets/scss/main.scss */
body.auth .btn-orange {
  border-radius: 50px;
  padding: 15px;
  font-size: 20px;
  font-family: "NeueHaasDisplay-Mediu";
}

/* line 266, app/assets/scss/main.scss */
body.auth .input-group input {
  padding: 15px;
  background: #ffffff;
  font-size: 18px;
  font-family: "NeueHaasDisplay-Mediu";
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* line 276, app/assets/scss/main.scss */
body.auth .container {
  max-width: 375px;
}

/* line 280, app/assets/scss/main.scss */
body.auth .input-group-text {
  background: #2c3134;
  border-color: #2c3134;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding: 17px;
}

/* line 287, app/assets/scss/main.scss */
body.auth .input-group-text img {
  width: 20px;
}

/* line 296, app/assets/scss/main.scss */
body.auth .logo-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 302, app/assets/scss/main.scss */
body.auth .logo-container img {
  width: 205px;
}

/* line 307, app/assets/scss/main.scss */
body.auth .page-title {
  text-align: center;
  font-size: 30px;
}

/* line 314, app/assets/scss/main.scss */
.mt-25 {
  margin-top: 25px;
}

/* line 320, app/assets/scss/main.scss */
.form-group label {
  font-weight: bold;
}

/* line 326, app/assets/scss/main.scss */
table a[href] {
  color: #f47a5c;
  transition: .3s ease-in-out;
}

/* line 331, app/assets/scss/main.scss */
table a[href]:hover {
  color: gray;
}

/* line 339, app/assets/scss/main.scss */
.config-conatiner {
  border-radius: 10px;
}

/* line 342, app/assets/scss/main.scss */
.config-conatiner .option-container {
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 15px;
}

/* line 347, app/assets/scss/main.scss */
.config-conatiner .option-container.active {
  border-color: #f47a5c;
}

/* line 351, app/assets/scss/main.scss */
.config-conatiner .option-container label {
  cursor: pointer;
}

/* line 359, app/assets/scss/main.scss */
.config-conatiner .step-final .title {
  font-size: 20px;
}

/* line 366, app/assets/scss/main.scss */
.orange {
  color: #f47a5c;
}

/* line 370, app/assets/scss/main.scss */
.dark-list {
  background: #e3e3e3;
  color: white;
  list-style: none;
  padding-inline: 15px;
  border-radius: 20px;
}

/* line 378, app/assets/scss/main.scss */
.dark-list li {
  cursor: pointer;
  border-radius: 10px;
  transition: .3s ease-in-out;
}

/* line 383, app/assets/scss/main.scss */
.dark-list li a {
  padding: 15px 10px;
  text-decoration: none;
  color: white;
  display: block;
}

/* line 390, app/assets/scss/main.scss */
.dark-list li.active, .dark-list li:hover {
  background: #ebebeb;
}

/* line 396, app/assets/scss/main.scss */
.bigger-check {
  width: 20px;
  height: 20px;
}

/* line 401, app/assets/scss/main.scss */
.pagination {
  justify-content: end;
}

/* line 404, app/assets/scss/main.scss */
.pagination span {
  color: white !important;
  margin: 2px;
  border-radius: 3px;
  background: #000;
}

/* line 412, app/assets/scss/main.scss */
.pagination span.current {
  background: #f47a5c;
  padding: 4px 15px;
}

/* line 417, app/assets/scss/main.scss */
.pagination span a {
  padding: 4px 15px;
  color: white;
  display: inline-block;
}

/* line 423, app/assets/scss/main.scss */
.pagination span.next, .pagination span.prev {
  position: initial;
  font-size: 16px;
  padding: 0;
  font-weight: normal;
}

/* line 432, app/assets/scss/main.scss */
.status-pill {
  padding: 10px 10px;
  color: white;
  text-align: center;
  border-radius: 50px;
  width: 150px;
}

/* line 441, app/assets/scss/main.scss */
.bg-status-0 {
  background: #FF489C;
}

/* line 445, app/assets/scss/main.scss */
.bg-status-1 {
  background: #00BEEF;
}

/* line 449, app/assets/scss/main.scss */
.bg-status-2 {
  background: #FF3C3F;
}

/* line 453, app/assets/scss/main.scss */
.bg-status-3 {
  background: #FF9A4E;
}

/* line 457, app/assets/scss/main.scss */
.bg-status-4 {
  background: #2CBF70;
}

/* line 461, app/assets/scss/main.scss */
.bg-status-5 {
  background: #ff0314;
}

/* line 465, app/assets/scss/main.scss */
.bg-status-6 {
  background: #296ce7;
}

/* line 469, app/assets/scss/main.scss */
.btn-rounded {
  border-radius: 50px;
}

/* line 473, app/assets/scss/main.scss */
.dealer-color-title {
  color: var(--dealer-color-title);
}

/* line 478, app/assets/scss/main.scss */
.btn-orange {
  color: var(--dealer-color-button-text);
}

/* line 483, app/assets/scss/main.scss */
#orderNewApp {
  color: var(--dealer-color-text);
}

/* line 487, app/assets/scss/main.scss */
.pdf {
  font-family: "Arial";
}

/* line 490, app/assets/scss/main.scss */
.pdf .header {
  height: 150px;
  text-align: center;
  width: 1000px;
  margin-left: -10px;
}

/* line 498, app/assets/scss/main.scss */
.pdf .header img {
  width: 150px;
  margin: auto;
}

/* line 506, app/assets/scss/main.scss */
.pdf .title {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 512, app/assets/scss/main.scss */
.pdf .text-center {
  text-align: center;
}

/* line 516, app/assets/scss/main.scss */
.pdf table {
  vertical-align: top;
  width: 100%;
}

/* line 520, app/assets/scss/main.scss */
.pdf table td {
  vertical-align: top;
}

/* line 525, app/assets/scss/main.scss */
.pdf .relative {
  position: relative;
}

/* line 529, app/assets/scss/main.scss */
.pdf .shape-dim {
  color: orange;
  position: absolute;
}

/* line 536, app/assets/scss/main.scss */
.pdf .table-container {
  border: 1px solid gray;
  border-radius: 20px;
  margin-top: 50px;
}

/* line 542, app/assets/scss/main.scss */
.pdf .content {
  margin-top: 50px;
  padding: 40px;
}

/* line 547, app/assets/scss/main.scss */
.pdf .content table td {
  padding: 20px;
}

/* line 552, app/assets/scss/main.scss */
.pdf .content .gap {
  height: 20px;
}

/* line 556, app/assets/scss/main.scss */
.pdf .content .splitter {
  margin-top: 20px;
  margin-bottom: 20px;
  border-color: #2c3134;
  border-width: 1px;
}

/* line 566, app/assets/scss/main.scss */
.configurator {
  margin-bottom: 150px;
  background: #F2F2F2;
  color: #555555;
}

/* line 570, app/assets/scss/main.scss */
.configurator .b-r-dark {
  border-right: 1px solid #707070;
}

/* line 575, app/assets/scss/main.scss */
.configurator .option-container .check-img, .configurator .option-container .uncheck-img {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  display: none;
}

/* line 582, app/assets/scss/main.scss */
.configurator .option-container .uncheck-img {
  display: inline-block;
}

/* line 586, app/assets/scss/main.scss */
.configurator .option-container :checked ~ .check-img {
  display: inline-block;
}

/* line 590, app/assets/scss/main.scss */
.configurator .option-container :checked ~ .uncheck-img {
  display: none;
}

/* line 598, app/assets/scss/main.scss */
.configurator .current-step-td {
  width: 70px;
}

/* line 602, app/assets/scss/main.scss */
.configurator .step-data {
  background: white;
  margin-top: 40px;
  padding: 45px 22px;
}

/* line 608, app/assets/scss/main.scss */
.configurator input[type=number] {
  border-radius: 100px;
  width: 150px;
  color: var(--dealer-color-text);
  text-align: center;
  border: 1px solid #555555;
  padding: 11px;
}

/* line 618, app/assets/scss/main.scss */
.configurator .next-step-btn, .configurator .prev-button, .configurator .outline-btn, .configurator .buy-btn {
  color: var(--dealer-color-button-text);
  padding: 10px 30px;
  border-radius: 40px;
  background: var(--dealer-color-button-background);
  border: none;
}

/* line 624, app/assets/scss/main.scss */
.configurator .next-step-btn:hover, .configurator .prev-button:hover, .configurator .outline-btn:hover, .configurator .buy-btn:hover {
  color: var(--dealer-color-button-hover);
}

/* line 631, app/assets/scss/main.scss */
.configurator .outline-btn {
  border: 2px solid #555555;
  background: none;
  color: #555555;
  transition: .3s ease-in-out;
}

/* line 637, app/assets/scss/main.scss */
.configurator .outline-btn:hover {
  color: #f47a5c;
  border-color: #f47a5c;
}

/* line 643, app/assets/scss/main.scss */
.configurator .buy-btn {
  background: #3F9175;
  color: white;
}

/* line 647, app/assets/scss/main.scss */
.configurator .buy-btn.btn-orange {
  background: var(--dealer-color-button-background);
  border: var(--dealer-color-button-background);
  color: var(--dealer-color-button-text);
}

/* line 653, app/assets/scss/main.scss */
.configurator .buy-btn.btn-orange:hover {
  background: var(--dealer-color-button-hover);
  border: var(--dealer-color-button-hover);
  color: var(--dealer-color-button-text);
}

/* line 660, app/assets/scss/main.scss */
.configurator .prev-button {
  margin-right: 22px;
}

/* line 665, app/assets/scss/main.scss */
.configurator .mt-50 {
  margin-top: 50px;
}

/* line 671, app/assets/scss/main.scss */
.configurator .step-numbers .step-number {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "NeueHaasDisplay-Mediu";
  font-size: 27px;
  border-radius: 100%;
  border: 1px solid #555555;
  margin-right: 38px;
}

/* line 683, app/assets/scss/main.scss */
.configurator .step-numbers .step-number.active {
  background: #555555;
  color: white;
}

/* line 689, app/assets/scss/main.scss */
.configurator .step-numbers .step-number.completed {
  color: white;
  background: #6DBA70;
  border-color: #6DBA70;
}

/* line 697, app/assets/scss/main.scss */
.configurator .step-numbers .step-number-border:after {
  border-bottom: 1px solid #555555;
  content: ' ';
  display: block;
  margin-top: -19px;
  width: 39px;
  margin-left: 39px;
}

/* line 707, app/assets/scss/main.scss */
.configurator .current-step-number {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  border: 1px solid var(--dealer-color-title);
  color: var(--dealer-color-title);
  font-size: 42px;
  font-family: "NeueHaasDisplay-Mediu";
}

/* line 717, app/assets/scss/main.scss */
.configurator h3 {
  margin-bottom: 50px;
}

/* line 721, app/assets/scss/main.scss */
.configurator .dealer-price {
  font-size: 22px;
}

/* line 725, app/assets/scss/main.scss */
.configurator .step-title, .configurator h3 {
  font-size: 25px;
  font-family: "NeueHaasDisplay-Mediu";
  color: var(--dealer-color-title);
}

/* line 732, app/assets/scss/main.scss */
.configurator .separator {
  border-bottom: 1px solid #707070;
  margin-top: 70px;
  margin-bottom: 50px;
}

/* line 738, app/assets/scss/main.scss */
.configurator .main-content {
  margin-top: 140px;
}

/* line 742, app/assets/scss/main.scss */
.configurator .logo {
  margin-bottom: -30px;
  margin-left: 10%;
}

/* line 746, app/assets/scss/main.scss */
.configurator .logo img {
  width: 145px;
}

/* line 751, app/assets/scss/main.scss */
.configurator .links {
  margin-right: 5%;
}

/* line 756, app/assets/scss/main.scss */
.configurator .links nav div a {
  color: white;
  padding: 10px 20px;
}

/* line 760, app/assets/scss/main.scss */
.configurator .links nav div a:hover {
  color: #f47a5c;
}

/* line 769, app/assets/scss/main.scss */
.configurator .summary tr {
  border-bottom: 1px solid #707070;
}

/* line 773, app/assets/scss/main.scss */
.configurator .summary tr td {
  padding-bottom: 13px;
  padding-top: 13px;
}

/* line 779, app/assets/scss/main.scss */
.configurator .summary tr td:first-child {
  font-family: "NeueHaasDisplay-Roman";
  color: var(--dealer-color-title);
  font-size: 18px;
}

/* line 786, app/assets/scss/main.scss */
.configurator .summary tr td:last-child {
  color: #555555;
}

/* line 791, app/assets/scss/main.scss */
.configurator .summary .no-border {
  border: none;
}

/* line 794, app/assets/scss/main.scss */
.configurator .summary .no-border td {
  padding: 0;
}

/* line 800, app/assets/scss/main.scss */
.configurator .pi-45 {
  padding-inline: 45px;
}

/* line 804, app/assets/scss/main.scss */
.configurator .price {
  font-family: "NeueHaasDisplay-Mediu";
  font-size: 38px;
  color: var(--dealer-color-title);
}

/* line 811, app/assets/scss/main.scss */
.configurator .title-color {
  color: var(--dealer-color-title);
}

/* line 816, app/assets/scss/main.scss */
.configurator .tax-detail {
  color: #707070;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 8px;
}

/* line 823, app/assets/scss/main.scss */
.configurator .mt-100 {
  margin-top: 100px;
}

/* line 827, app/assets/scss/main.scss */
.configurator .scaled-price {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

/* line 833, app/assets/scss/main.scss */
.configurator .addCoverModal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #24212185;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 849, app/assets/scss/main.scss */
.configurator .addCoverModal .body {
  color: #555555;
  background: #FFFFFF;
  padding: 40px 30px;
  width: 650px;
}

/* line 856, app/assets/scss/main.scss */
.configurator .addCoverModal .title {
  font-size: 25px;
  font-family: "NeueHaasDisplay-Mediu";
  margin-bottom: 10px;
}

/* line 867, app/assets/scss/main.scss */
.configurator .addCoverModal .col-6:first-child {
  border-right: 1px solid #555555;
}

/* line 871, app/assets/scss/main.scss */
.configurator .addCoverModal .col-6:last-child {
  padding-left: 30px;
}

/* line 877, app/assets/scss/main.scss */
.configurator .addCoverModal .sub-title {
  margin-top: 30px;
  font-size: 22px;
  font-family: "NeueHaasDisplay-Roman";
}

/* line 883, app/assets/scss/main.scss */
.configurator .addCoverModal .flex {
  display: flex;
  gap: 10px;
}

/* line 888, app/assets/scss/main.scss */
.configurator .addCoverModal .close {
  margin-left: auto;
  margin-top: -20px;
  cursor: pointer;
}

/* line 894, app/assets/scss/main.scss */
.configurator .addCoverModal button {
  border-radius: 50px;
  background: #3F9175;
  border: 1px solid #3F9175;
  padding: 10px 30px;
  color: white;
  font-size: 16px;
}

/* line 902, app/assets/scss/main.scss */
.configurator .addCoverModal button:hover {
  color: #3F9175;
  background: #FFFFFF;
}

/* line 908, app/assets/scss/main.scss */
.configurator .addCoverModal label {
  font-size: 13px;
  margin-top: 20px;
}

/* line 913, app/assets/scss/main.scss */
.configurator .addCoverModal input {
  border-radius: 50px;
  width: 100px;
}

/* line 921, app/assets/scss/main.scss */
.links a {
  transition: .3s ease-in-out;
}

/* line 924, app/assets/scss/main.scss */
.links a:hover {
  color: #f47a5c;
}

/* line 929, app/assets/scss/main.scss */
.links .has-sub {
  position: relative;
}

/* line 932, app/assets/scss/main.scss */
.links .has-sub .submenu {
  display: none;
  position: absolute;
  background: white;
  list-style: none;
  width: 250px;
  padding: 20px 20px;
  border-radius: 20px;
}

/* line 941, app/assets/scss/main.scss */
.links .has-sub .submenu:hover {
  display: block;
}

/* line 945, app/assets/scss/main.scss */
.links .has-sub .submenu a {
  color: #555555;
  padding: 6px 10px;
  display: block;
  font-weight: bold;
}

/* line 951, app/assets/scss/main.scss */
.links .has-sub .submenu a:hover {
  color: #f47a5c;
}

/* line 960, app/assets/scss/main.scss */
.links .has-sub:hover .submenu {
  display: block;
}

/* line 967, app/assets/scss/main.scss */
.dimension-input {
  max-width: 150px;
}

/* line 971, app/assets/scss/main.scss */
.instructions-modal, .custom-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000080;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 983, app/assets/scss/main.scss */
.instructions-modal .content, .custom-modal .content {
  position: relative;
  width: 480px;
  background: white;
  border-radius: 6px;
  padding: 30px;
  text-align: center;
}

/* line 987, app/assets/scss/main.scss */
.instructions-modal .content .dimensions, .custom-modal .content .dimensions {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 992, app/assets/scss/main.scss */
.instructions-modal .content .dimensions div, .custom-modal .content .dimensions div {
  border-bottom: 1px solid orange;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* line 997, app/assets/scss/main.scss */
.instructions-modal .content .dimensions div:last-child, .custom-modal .content .dimensions div:last-child {
  border: none;
}

/* line 1003, app/assets/scss/main.scss */
.instructions-modal .content .title, .custom-modal .content .title {
  font-size: 25px;
  font-family: "NeueHaasDisplay-Mediu";
}

/* line 1008, app/assets/scss/main.scss */
.instructions-modal .content .close, .custom-modal .content .close {
  text-align: right;
}

/* line 1011, app/assets/scss/main.scss */
.instructions-modal .content .close img, .custom-modal .content .close img {
  width: 20px;
}

/* line 1015, app/assets/scss/main.scss */
.instructions-modal .content .close a, .custom-modal .content .close a {
  color: #f47a5c;
}

/* line 1025, app/assets/scss/main.scss */
.instructions-modal .content img, .custom-modal .content img {
  margin-bottom: 30px;
}

/* line 1034, app/assets/scss/main.scss */
.has-edit-icons.is-editing input, .has-edit-icons.is-editing textarea, .has-edit-icons.is-editing select {
  display: none;
}

/* line 1040, app/assets/scss/main.scss */
.has-edit-icons .form-group label {
  cursor: pointer;
}

/* line 1043, app/assets/scss/main.scss */
.has-edit-icons .form-group label:after {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: ' ';
  margin-left: 10px;
  background: url(/assets/images/edit.png);
  background-size: contain;
}

/* line 1053, app/assets/scss/main.scss */
.has-edit-icons .form-group label.hide-icon:after {
  display: none;
}

/* line 1069, app/assets/scss/main.scss */
.has-edit-icons .form-group:has(.is-editable) label:after {
  display: inline-block;
}

/* line 1077, app/assets/scss/main.scss */
.split-rows-table {
  border-collapse: separate;
  border-spacing: 0px 10px;
}

/* line 1081, app/assets/scss/main.scss */
.split-rows-table th {
  color: #8B8B8B;
  font-size: 14px;
}

/* line 1086, app/assets/scss/main.scss */
.split-rows-table td, .split-rows-table th {
  padding: 8px;
}

/* line 1089, app/assets/scss/main.scss */
.split-rows-table td:first-child, .split-rows-table th:first-child {
  padding-left: 15px;
}

/* line 1094, app/assets/scss/main.scss */
.split-rows-table td {
  border-width: 1px 0;
  border-color: #DDDFE8;
  vertical-align: middle;
}

/* line 1099, app/assets/scss/main.scss */
.split-rows-table td:first-child {
  border-left-width: 1px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 1105, app/assets/scss/main.scss */
.split-rows-table td:last-child {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 1114, app/assets/scss/main.scss */
#orderCustomerApp .btn-success {
  border-radius: 100px;
}

/* line 1118, app/assets/scss/main.scss */
#orderCustomerApp .btn-orange {
  border-radius: 100px;
}

/* line 1122, app/assets/scss/main.scss */
#orderCustomerApp .box {
  border: 1px solid transparent;
  padding: 30px 20px;
}

/* line 1126, app/assets/scss/main.scss */
#orderCustomerApp .box.active {
  border-color: #707070;
}

/* line 1133, app/assets/scss/main.scss */
.statuses a.btn {
  min-width: 100px;
}

/* line 1137, app/assets/scss/main.scss */
.statuses .btn-status {
  background: #F0F0F0;
  border-color: #F0F0F0;
  color: black;
}

/* line 1142, app/assets/scss/main.scss */
.statuses .btn-status:hover {
  background: #f47a5c;
  border-color: #f47a5c;
  color: white;
}

/* line 1150, app/assets/scss/main.scss */
.pr-250 {
  padding-right: 250px;
}

/* line 1154, app/assets/scss/main.scss */
.w-180 {
  width: 180px;
}

/* line 1158, app/assets/scss/main.scss */
.notice {
  background: #175c15;
  color: white;
  border-radius: 5px;
  padding: 10px 25px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-10 {
  margin-top: 10px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-10 {
  margin-left: 10px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-10 {
  margin-right: 10px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-10 {
  padding-top: 10px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-10 {
  padding-bottom: 10px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-10 {
  padding-left: 10px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-10 {
  padding-right: 10px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-15 {
  margin-top: 15px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-15 {
  margin-bottom: 15px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-15 {
  margin-left: 15px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-15 {
  margin-right: 15px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-15 {
  padding-top: 15px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-15 {
  padding-bottom: 15px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-15 {
  padding-left: 15px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-15 {
  padding-right: 15px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-20 {
  margin-left: 20px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-20 {
  margin-right: 20px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-20 {
  padding-top: 20px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-20 {
  padding-bottom: 20px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-20 {
  padding-left: 20px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-20 {
  padding-right: 20px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-25 {
  margin-top: 25px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-25 {
  margin-bottom: 25px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-25 {
  margin-left: 25px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-25 {
  margin-right: 25px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-25 {
  padding-top: 25px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-25 {
  padding-bottom: 25px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-25 {
  padding-left: 25px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-25 {
  padding-right: 25px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-30 {
  margin-top: 30px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-30 {
  margin-left: 30px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-30 {
  margin-right: 30px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-30 {
  padding-top: 30px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-30 {
  padding-bottom: 30px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-30 {
  padding-left: 30px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-30 {
  padding-right: 30px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-35 {
  margin-top: 35px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-35 {
  margin-bottom: 35px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-35 {
  margin-left: 35px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-35 {
  margin-right: 35px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-35 {
  padding-top: 35px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-35 {
  padding-bottom: 35px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-35 {
  padding-left: 35px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-35 {
  padding-right: 35px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-40 {
  margin-top: 40px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-40 {
  margin-left: 40px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-40 {
  margin-right: 40px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-40 {
  padding-top: 40px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-40 {
  padding-bottom: 40px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-40 {
  padding-left: 40px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-40 {
  padding-right: 40px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-45 {
  margin-top: 45px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-45 {
  margin-bottom: 45px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-45 {
  margin-left: 45px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-45 {
  margin-right: 45px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-45 {
  padding-top: 45px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-45 {
  padding-bottom: 45px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-45 {
  padding-left: 45px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-45 {
  padding-right: 45px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-50 {
  margin-top: 50px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-50 {
  margin-bottom: 50px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-50 {
  margin-left: 50px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-50 {
  margin-right: 50px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-50 {
  padding-top: 50px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-50 {
  padding-bottom: 50px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-50 {
  padding-left: 50px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-50 {
  padding-right: 50px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-55 {
  margin-top: 55px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-55 {
  margin-bottom: 55px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-55 {
  margin-left: 55px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-55 {
  margin-right: 55px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-55 {
  padding-top: 55px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-55 {
  padding-bottom: 55px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-55 {
  padding-left: 55px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-55 {
  padding-right: 55px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-60 {
  margin-top: 60px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-60 {
  margin-bottom: 60px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-60 {
  margin-left: 60px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-60 {
  margin-right: 60px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-60 {
  padding-top: 60px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-60 {
  padding-bottom: 60px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-60 {
  padding-left: 60px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-60 {
  padding-right: 60px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-65 {
  margin-top: 65px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-65 {
  margin-bottom: 65px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-65 {
  margin-left: 65px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-65 {
  margin-right: 65px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-65 {
  padding-top: 65px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-65 {
  padding-bottom: 65px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-65 {
  padding-left: 65px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-65 {
  padding-right: 65px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-70 {
  margin-top: 70px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-70 {
  margin-bottom: 70px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-70 {
  margin-left: 70px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-70 {
  margin-right: 70px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-70 {
  padding-top: 70px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-70 {
  padding-bottom: 70px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-70 {
  padding-left: 70px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-70 {
  padding-right: 70px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-75 {
  margin-top: 75px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-75 {
  margin-bottom: 75px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-75 {
  margin-left: 75px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-75 {
  margin-right: 75px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-75 {
  padding-top: 75px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-75 {
  padding-bottom: 75px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-75 {
  padding-left: 75px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-75 {
  padding-right: 75px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-80 {
  margin-top: 80px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-80 {
  margin-bottom: 80px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-80 {
  margin-left: 80px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-80 {
  margin-right: 80px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-80 {
  padding-top: 80px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-80 {
  padding-bottom: 80px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-80 {
  padding-left: 80px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-80 {
  padding-right: 80px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-85 {
  margin-top: 85px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-85 {
  margin-bottom: 85px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-85 {
  margin-left: 85px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-85 {
  margin-right: 85px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-85 {
  padding-top: 85px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-85 {
  padding-bottom: 85px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-85 {
  padding-left: 85px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-85 {
  padding-right: 85px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-90 {
  margin-top: 90px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-90 {
  margin-bottom: 90px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-90 {
  margin-left: 90px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-90 {
  margin-right: 90px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-90 {
  padding-top: 90px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-90 {
  padding-bottom: 90px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-90 {
  padding-left: 90px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-90 {
  padding-right: 90px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-95 {
  margin-top: 95px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-95 {
  margin-bottom: 95px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-95 {
  margin-left: 95px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-95 {
  margin-right: 95px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-95 {
  padding-top: 95px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-95 {
  padding-bottom: 95px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-95 {
  padding-left: 95px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-95 {
  padding-right: 95px;
}

/* line 1166, app/assets/scss/main.scss */
.mt-100 {
  margin-top: 100px;
}

/* line 1169, app/assets/scss/main.scss */
.mb-100 {
  margin-bottom: 100px;
}

/* line 1172, app/assets/scss/main.scss */
.ml-100 {
  margin-left: 100px;
}

/* line 1175, app/assets/scss/main.scss */
.mr-100 {
  margin-right: 100px;
}

/* line 1178, app/assets/scss/main.scss */
.pt-100 {
  padding-top: 100px;
}

/* line 1181, app/assets/scss/main.scss */
.pb-100 {
  padding-bottom: 100px;
}

/* line 1184, app/assets/scss/main.scss */
.pl-100 {
  padding-left: 100px;
}

/* line 1187, app/assets/scss/main.scss */
.pr-100 {
  padding-right: 100px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-8 {
  font-size: 8px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-9 {
  font-size: 9px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-10 {
  font-size: 10px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-11 {
  font-size: 11px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-12 {
  font-size: 12px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-13 {
  font-size: 13px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-14 {
  font-size: 14px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-15 {
  font-size: 15px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-16 {
  font-size: 16px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-17 {
  font-size: 17px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-18 {
  font-size: 18px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-19 {
  font-size: 19px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-20 {
  font-size: 20px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-21 {
  font-size: 21px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-22 {
  font-size: 22px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-23 {
  font-size: 23px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-24 {
  font-size: 24px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-25 {
  font-size: 25px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-26 {
  font-size: 26px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-27 {
  font-size: 27px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-28 {
  font-size: 28px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-29 {
  font-size: 29px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-30 {
  font-size: 30px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-31 {
  font-size: 31px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-32 {
  font-size: 32px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-33 {
  font-size: 33px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-34 {
  font-size: 34px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-35 {
  font-size: 35px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-36 {
  font-size: 36px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-37 {
  font-size: 37px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-38 {
  font-size: 38px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-39 {
  font-size: 39px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-40 {
  font-size: 40px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-41 {
  font-size: 41px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-42 {
  font-size: 42px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-43 {
  font-size: 43px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-44 {
  font-size: 44px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-45 {
  font-size: 45px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-46 {
  font-size: 46px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-47 {
  font-size: 47px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-48 {
  font-size: 48px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-49 {
  font-size: 49px;
}

/* line 1193, app/assets/scss/main.scss */
.fz-50 {
  font-size: 50px;
}

/* line 1198, app/assets/scss/main.scss */
.note-container {
  border-radius: 7px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 10px;
}

/* line 1204, app/assets/scss/main.scss */
.note-container .header {
  color: #6c757d;
  font-size: 14px;
}

/* line 1210, app/assets/scss/main.scss */
.on-edit {
  display: none;
}

/* line 1215, app/assets/scss/main.scss */
.dashboard-statuses .status-pill {
  width: 100%;
  margin-bottom: 15px;
  padding-inline: 20px;
}

/* line 1223, app/assets/scss/main.scss */
#products svg {
  width: 100px;
  max-height: 100px;
}

/* line 1230, app/assets/scss/main.scss */
.product-option svg, .selected-product-option svg {
  width: 200px;
  height: 120px;
}

/* line 1236, app/assets/scss/main.scss */
.product-option .st0, .selected-product-option .st0 {
  fill: none;
  stroke: var(--dealer-color-icon);
  stroke-width: 1.5;
  stroke-miterlimit: 10;
}

/* line 1243, app/assets/scss/main.scss */
.product-option .st1, .selected-product-option .st1 {
  fill: var(--dealer-color-icon);
}

/* line 1247, app/assets/scss/main.scss */
.product-option .st2, .selected-product-option .st2 {
  fill: none;
  stroke: var(--dealer-color-icon);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

/* line 1255, app/assets/scss/main.scss */
.product-option .st4, .selected-product-option .st4 {
  fill: none;
  stroke: var(--dealer-color-icon);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

/* line 1265, app/assets/scss/main.scss */
.selected-product-option svg {
  width: 130px;
  height: 80px;
}

/* line 1272, app/assets/scss/main.scss */
h2 .customer-name {
  font-family: "NeueHaasDisplay-Roman";
  margin-left: 50px;
}

/* line 1278, app/assets/scss/main.scss */
.pi-60 {
  padding-inline: 60px;
}

/* line 1282, app/assets/scss/main.scss */
.pr-70 {
  padding-right: 70px;
}

/* line 1287, app/assets/scss/main.scss */
.order-show .note-title {
  font-size: 20px;
  font-family: "NeueHaasDisplay-Mediu";
}

/* line 1293, app/assets/scss/main.scss */
.order-show table td, .order-show table th {
  padding-inline: 0;
}

/* line 1298, app/assets/scss/main.scss */
.order-show label {
  font-size: 14px;
  color: #8B8B8B;
  font-family: "Graphik";
  font-weight: normal;
}

/* line 1306, app/assets/scss/main.scss */
.order-show .has-borders .col {
  border-left: 1px solid #555555;
  padding-bottom: 50px;
  padding-left: 30px;
  margin-bottom: 50px;
}

/* line 1322, app/assets/scss/main.scss */
.order-show .help-icon {
  margin-top: -15px;
  margin-left: 15px;
}

/* line 1327, app/assets/scss/main.scss */
.order-show .help-icon:hover + .help {
  display: block;
}

/* line 1334, app/assets/scss/main.scss */
.order-show .help {
  border: 1px solid #DDDFE8;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1000;
  background: white;
  right: 0;
  width: 214px;
  display: none;
}

/* line 1347, app/assets/scss/main.scss */
.separator {
  border-bottom: 1px solid #8B8B8B;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 1353, app/assets/scss/main.scss */
table {
  width: 100%;
}

/* line 1355, app/assets/scss/main.scss */
table.cols-3 td {
  width: 33%;
}

/* line 1362, app/assets/scss/main.scss */
table td {
  line-height: 26px;
}

/* line 1367, app/assets/scss/main.scss */
.price {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1374, app/assets/scss/main.scss */
.help {
  color: darkred;
  font-size: 12px;
  display: none;
}

/* line 1382, app/assets/scss/main.scss */
.highlight-invalid input:invalid {
  border-color: red;
}

/* line 1385, app/assets/scss/main.scss */
.highlight-invalid input:invalid + .help {
  display: block;
}

/* line 1393, app/assets/scss/main.scss */
.beeldbank {
  margin-top: 40px;
}

/* line 1396, app/assets/scss/main.scss */
.beeldbank h2 {
  padding-bottom: 25px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 40px;
}

/* line 1402, app/assets/scss/main.scss */
.beeldbank .dark-list {
  background: #e3e3e3;
  border-radius: 0;
}

/* line 1406, app/assets/scss/main.scss */
.beeldbank .dark-list li {
  border-bottom: 1px solid white;
  border-radius: 0;
  margin-inline: -15px;
  padding-inline: 15px;
}

/* line 1412, app/assets/scss/main.scss */
.beeldbank .dark-list li:hover {
  background: #dcdcdc;
}

/* line 1416, app/assets/scss/main.scss */
.beeldbank .dark-list li a {
  color: #666;
}

/* line 1425, app/assets/scss/main.scss */
.configurator section.select-type h1 {
  color: #37383d;
  margin-bottom: 70px;
}

/* line 1433, app/assets/scss/main.scss */
.product-images {
  margin-top: 55px;
}

/* line 1434, app/assets/scss/main.scss */
.product-images p {
  overflow-wrap: anywhere;
}

/* line 1438, app/assets/scss/main.scss */
.product-images img {
  cursor: pointer;
  max-width: 215px;
}

/* line 1446, app/assets/scss/main.scss */
.alert.reset-alert {
  margin-inline: -50px;
  background: #2CBF70;
  color: #fff;
  padding: 25px 35px;
  border-radius: 10px;
}

/* line 1454, app/assets/scss/main.scss */
.product-preview-thumbnail {
  aspect-ratio: 306/244;
  object-fit: contain;
}

/* line 1460, app/assets/scss/main.scss */
#google_translate_element, body > .skiptranslate > iframe {
  display: none;
}

/* line 1464, app/assets/scss/main.scss */
body {
  top: 0 !important;
}

/* line 1469, app/assets/scss/main.scss */
.language-switcher .active {
  font-weight: bold;
}

/* line 1473, app/assets/scss/main.scss */
#languageSwitcher {
  position: fixed;
  bottom: 0px;
  right: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px 30px;
  background: #EE7155;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 29px;
  border-radius: 19px 19px 0 0;
  border-color: #f47a5c;
  outline-color: #f47a5c;
  font-family: "NeueHaasDisplay-Roman";
}

/* line 1490, app/assets/scss/main.scss */
#languageSwitcher::-ms-expand {
  display: none;
}

/* line 1501, app/assets/scss/main.scss */
.language-select-arrow {
  position: fixed;
  bottom: 18px;
  right: 50px;
}

/* line 1509, app/assets/scss/main.scss */
.closures .option-container img:first-child {
  border-radius: 20px;
}