@font-face {
  font-family: 'Eurostile';
  src: url('fonts/subset-EurostileRegular.woff2') format('woff2'),
      url('fonts/subset-EurostileRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'Europa';
  src: url('fonts/EuropaRegular.woff2') format('woff2'),
      url('fonts/EuropaRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'EurostileExtended';
  src: url('fonts/subset-EurostileExtended-Roman.woff2') format('woff2'),
      url('fonts/subset-EurostileExtended-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}
/* general */
html, body{ height: 100%; font-family: "Europa", arial, serif; word-wrap: break-word; overflow-wrap: break-word; color: #1e1f1f; letter-spacing: .06em; }
h1.big { font-family: "EurostileExtended", arial, serif; font-size:calc((5 - 1) * 1.2vw + 1rem); }
h1 { font-family: "EurostileExtended", arial, serif; font-size:calc((3.4 - 1) * 1.2vw + 1rem) !important; }
h2 { font-family: "EurostileExtended", arial, serif; font-size:calc((3.0 - 1) * 1.2vw + 1rem); }
h3, .h3-size { font-family: "EurostileExtended", arial, serif; font-size:calc((2.0 - 1) * 1.2vw + 1rem); }
h4 { font-family: "EurostileExtended", arial, serif; font-size:calc((1.2 - 1) * 1.2vw + 1rem); }
h1, h2, h3, h4 { margin: 2rem 0; }

.h1-big-size{ font-size:calc((5 - 1) * 1.2vw + 1rem) !important; }
.h1-size{ font-size:calc((3.4 - 1) * 1.2vw + 1rem) !important; }
.h2-size{ font-size:calc((3.0 - 1) * 1.2vw + 1rem) !important; }
.h3-size{ font-size:calc((2.0 - 1) * 1.2vw + 1rem) !important; }
.h4-size{ font-size:calc((1.2 - 1) * 1.2vw + 1rem) !important; }
.h1-big-size, .h1-size, .h2-size, .h3-size, .h4-size { margin: 2rem 0 !important; }

@media screen and (min-width: 0) and (max-width:calc(1296px - 1px)) and (orientation:portrait) {
  h1.big { font-size:calc((5 - 1) * 1.2vh + 1rem) !important; }
  h1 { font-size:calc((3.4 - 1) * 1.2vh + 1rem); }
  h2 { font-size:calc((3.0 - 1) * 1.2vh + 1rem); }
  h3{ font-size:calc((2.0 - 1) * 1.2vh + 1rem); }
  h4 { font-size:calc((1.2 - 1) * 1.2vh + 1rem); }
  .h1-big-size{ font-size:calc((5 - 1) * 1.2vh + 1rem) !important; }
  .h1-size{ font-size:calc((3.4 - 1) * 1.2vh + 1rem) !important; }
  .h2-size{ font-size:calc((3.0 - 1) * 1.2vh + 1rem) !important; }
  .h3-size{ font-size:calc((2.0 - 1) * 1.2vh + 1rem) !important; }
  .h4-size{ font-size:calc((1.2 - 1) * 1.2vh + 1rem) !important; }
}
@media screen and (min-width: 1296px) {
  h1.big { font-size:5rem; !important; }
  h1 { font-size:3.4rem; }
  h2 { font-size:3.0rem; }
  h3{ font-size:2.0rem; }
  h4 { font-size:1.2rem; }
  .h1-big-size{ font-size:5rem !important; }
  .h1-size{ font-size:3.4rem !important; }
  .h2-size{ font-size:3.0rem !important; }
  .h3-size{ font-size:2.0rem !important; }
  .h4-size{ font-size:1.2rem !important; }
}
a, a:hover{ color:#EE3A41; }
.company-font{ font-family: "EurostileExtended", arial, serif; }
.company-color{ color:#da291c; }
.company-bg{ background-color: #da291c; }
.breadcrumb-item.active a{ color:#4f4f4f !important; text-decoration: none !important; }
.bg-gray{ background-color: #dddddd; }
.bg-qt-gray{ background-color: #4f4f4f; }
.bg-dark-gray{ background-color: #4f4f4f; }
.text-gray{ color: #4f4f4f; }
.bg-med-gray{ background-color: #97999b; }
.bg-light-gray{ background-color: #e6e6e6; }
.bg-darkest-gray{ background-color: #1e1f1fdb; }
.text-bigger{ font-size: 1.4rem; }
.text-biggest{ font-size: 2rem; }
.pt-6{ padding-top: 8rem !important; }
.pb-6{ padding-bottom: 8rem !important; }
.ps-5-5{ padding-left: 4rem !important; }
.ps-6{ padding-left: 6rem !important; }
.py-6{ padding-top: 8rem !important; padding-bottom: 8rem !important; }
.text-white-75{ color: #b5b5b5; }
.border-white-50{ border-color: rgba(255,255,255,.5)!important; }
.padding-aspect-ratio{ position: relative; }
.absolute-full-size{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.bg-white-75{ background-color: rgba(255,255,255,0.75); }
.floating-image-text-box{ position: relative; padding: 20px; background-color: #2f2f2f; text-align: center; border-radius:0.3rem;   }
.image-slider-qt{ position: absolute; top: 50%; display: block; width: 8vw; height: 8vw; padding: 0; -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);
  cursor: pointer; color:#da291c; border: none; outline: none; z-index: 100; background-color: transparent; }
.image-slider-qt .fa{ font-size: 8vw; }
.image-slider-qt.left-qt{ left: 5%; }
.image-slider-qt.right-qt{ right: 5%; }
#divConfiguratorBody .form-control, #divConfiguratorBody .form-select{ background-color: #e6e6e6 !important; border: 1px solid #ddd !important; }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 10rem !important; border-bottom-left-radius: 10rem !important; }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.form-control, .form-select{ background-color: #fff !important; border: 1px solid #ddd !important; }
.form-control-plaintext{  border: 1px dashed #ddd; padding: 0.375rem 0.75rem; border-radius: 0.375rem; background-color: rgba(0, 0, 0, 0.05); }
.table-condensed td{ padding: 0.2rem;  }
.table-condensed th{ padding: 0.2rem;  }
.table-shrunk{ width: auto; }
.border-gray{ border-color: #ddd; }
.fa-1-5x{ font-size: 1.5em !important; }
.section-h-100{ min-height: max(100vh, 500px); }
.section-h-80{ min-height: max(80vh, 400px); }
.section-h-60{ min-height: max(60vh, 300px); }
.section-h-100-desktop{ min-height: max(100vh, 500px); }
.section-h-80-desktop{ min-height: max(80vh, 400px); }
.section-h-60-desktop{ min-height: max(60vh, 300px); }
.section-h-100-lg{ min-height: max(100vh, 500px); }
.section-h-80-lg{ min-height: max(80vh, 400px); }
.section-h-60-lg{ min-height: max(60vh, 300px); }
@media (max-width: 767px) {
  .section-h-100-desktop, .section-h-80-desktop, .section-h-60-desktop{ min-height: inherit; }
  .phone-background-dark{ background-color: #1e1f1fdb; }
  .covering-image-md{ display: inline-block; position: relative !important; left: unset !important; top: unset !important; width: 100%; height: unset !important; z-index: 0; padding: 0; }

}
@media (max-width: 1200px) {
  .section-h-100-lg,.section-h-80-lg, .section-h-60-lg{ min-height: inherit; }
  .covering-image-lg{ display: inline-block; position: relative !important; left: unset !important; top: unset !important; width: 100%; height: unset !important; z-index: 0; padding: 0; }
}
/* Temp Disable
.text-shadow-black{ text-shadow: 0 0 7px #333, 0 0 7px #333; }
.text-shadow-white{ text-shadow: 0 0 7px #ddd, 0 0 7px #ddd; }
*/
.text-shadow-white-config{ text-shadow: 0 0 7px #ddd, 0 0 7px #ddd; }
.hover-underline{ text-decoration: none; }
.form-select-lg{ padding-left: 2rem !important; }
.form-control-lg{ padding-left: 2rem !important; }
.hover-underline:hover{ text-decoration: underline; text-underline-offset: 3px; }
.btn, .form-select, .form-control{ border-radius: 2rem; }
.btn{ text-shadow: none !important; font-family: "EurostileExtended", arial, serif; border-radius: 10rem !important; }
.front-area .btn{ padding: 0.8rem; }
.front-area .btn.btn-lg{ padding: 1.3rem; }
.container-main{ font-size: 1.2rem; line-height: 1.6; padding-bottom: 5rem; }
.cursor-pointer{ cursor: pointer; }
.border-round{ border-radius: 1.6rem; }
.round{ border-radius: 50rem; }
.border-square{ border-radius: 0; }
.min-h-100{ min-height: 100%; }
.left-0{ left: 0; }
.right-0{ right: 0; }
.z-content{ z-index: 10; }
.z-overlay{ z-index: 1000; }
.covering-bg-image{ background-size: cover; position: absolute; left: 0; right: 0; top:0; bottom: 0; z-index: 0; }
.covering-image, .covering-image-lg{ display: inline-block; object-fit: cover; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 0; padding: 0; }
.qt-underline{ text-decoration: underline !important; text-underline-offset: 4px; }
canvas{ outline: none; }
.article-news-list a{ text-decoration: none; }
.article-news-list .article-news-list-article{ color: #1e1f1f; }
.overlay-bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.fake-button{ background-color: #da291c; color: #ffffff; padding: 0.7rem; border-radius: 30rem; text-align: center; margin: 1rem; text-shadow: none !important; }
.hover-menu-top .dropdown-item:focus,.hover-menu-top .dropdown-item:hover{ background: none !important; text-decoration: underline !important; text-underline-offset: 4px; }
.btn-primary:hover { background-color: #d7453a; border-color: #da291c; opacity: 0.8; }
@media (max-width: 767px) {
  .customers-brands img { width: 100%; }
}
.productInfoModal .modal-dialog{ max-width: 1200px !important; }
/* parsley validation */
.form-group{ position: relative; }
.form-control.parsley-error{ color:#a94442 !important; background-color: #f2dede !important; }
.form-select.parsley-error{ color:#a94442 !important; background-color: #f2dede !important; }
.custom-control.parsley-error{ color:#a94442 !important; background-color: #f2dede !important; }
.parsley-errors-list { margin: 2px 0; padding: 0; list-style-type: none; color: #B94A48; position: absolute; bottom: -18px; }
.parsley-errors-list li { line-height: 1;  font-size: 0.8rem; }
.expanding-error-section{}
.expanding-error-section .parsley-errors-list{ position: relative; bottom: 0; margin: 6px 0; }
/* layout */
#header{ font-size: 1.05rem; }
#header #mainNavContainer{ padding-left: 1vw; padding-right: 1vw; }
#header  #brandIconWrapper{ margin-bottom: -16px; margin-top: -16px; }
#header .header-logo{ width: 40px; height: 40px; }
.aspect-ratio-16-9{ padding-top: 56.25%; position: relative; }
.aspect-ratio-1{ aspect-ratio: 1; }
#header .header-logo-text{ font-family: "EurostileExtended", arial, serif; }
#header #mainNavButtons a{ text-decoration: none; }
.kcms-front-block-1-col_skinny_wide .kcsm-block-wrapper-front-inner{ display: flex; }
.kcms-front-block-1-col_skinny_wide .kcsm-block-wrapper-front-inner .kcmsFrontElementHTML{ width: 70%; }
.kcms-front-block-1-col_skinny_wide .kcsm-block-wrapper-front-inner .kcmsFrontElementHTML:first-child{ width: 30%; }
.container-main{ text-underline-offset: 2px; text-decoration-thickness: 1px; }
.dropdown-menu{ z-index: 8000 !important; }
.card-rounded{ border-radius: 2rem; background-color: #dedede; padding: 1rem 4rem; }
.simple-card-rounded{ border-radius: 2rem; }
.my-qt-menu-button{  }
#navbarCollapse:not(.show) #topNav{ max-height: 100px; }
@media (max-width: 1750px){
  #topNav .h3-size{ margin: 0 4px !important; }
}
@media (min-width: 768px){
  #header .header-logo{ width: 100px; height: 100px; }
  #header .header-logo-text{ display: none; }
  #header #mainNavButtons{ flex-direction: row; }
  .image-slider-qt{  width: 4vw; height: 4vw; }
  .image-slider-qt .fa{ font-size: 4vw; }
  .floating-image-text-box{ position: absolute; right: 5%; bottom: 5%; padding: 20px; background-color: rgba(255,255,255,0.75); text-align: center;  }
}
@media (max-width: 767px){
  #mainNavButtons{ font-size: 1.5rem !important; }
  #mainNavButtons .dropdown-menu{ font-size: 1.5rem !important; }
  #mainNavButtons a{ display: block; }
  #mainNavButtons li{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media (min-width: 1200px){
  .pt-xl-6{ padding-top: 8rem !important; }
  #header #mainNavContainer { padding-left: 2vw; padding-right: 2vw; }
}
@media all and (min-width: 768px) {
  #mainNavButtons .nav-item:hover .dropdown-menu{ display: block; }
  #mainNavButtons .dropdown-menu[data-bs-popper]{ margin-top: 0; }
}
@media (min-width: 1530px){
  #header #mainNavContainer{ padding-left: 4vw; padding-right: 4vw; }
  #header #mainNavButtons{ margin-left: 35px !important; margin-right: 35px !important;  }
  #mainNavContainer .top-ms-desktop{ margin-left: 4rem !important; }
}
@media (max-width: 1530px){
  #header #mainNavContainer .social-top-bar .nav-link{ padding-left: 3px; padding-right: 3px; }
}
@media (max-width: 1050px){
  #social-top-bar{ display: none; }
}
#div-search-product{ position: relative; }
#div-search-product .bootstrap-searcher-result-wrapper{ background-color: #ffffff; color: #4f4f4f !important; position: absolute; top: 100%; padding: 0.5rem !important; width: 100%; z-index: 10000; border: 1px solid #ddd; }
#div-search-product .bootstrap-searcher-result-rows{ padding-top: 0 !important; }
.background-blurry-grid{ background-image: url("../images/shop/background-grid.jpg"); background-position: top center; background-size: cover; min-height: 60vh; }
.content-body{ min-height: 50vh; }
.footer-nav-list .nav-link{ color: #fff; }
.footer-nav-list .nav-link.active{ color:#da291c; }
.page-footer a{ color: #97999b; }
.page-footer #frmRegisterNewsletter .parsley-required{ font-size: 1rem; }
.spaced-sections .kcsm-block-wrapper-front{ padding-bottom: 3rem; }
#footer{ font-size: 0.9rem; }
#pageKlanten .customer-brands img{ max-width: 100%; }
#custom-page-nieuws .article-news-list-article .row{ align-items: center; }
.news-read-more-blur:after { content: ''; position: absolute; left: 0; right: 0; height: 50%; bottom: 0; background: linear-gradient(180deg, #dedede00 0%, #dededeff 100%); pointer-events: none; }
/* home */
.d-none-until-list{ display: none; }
.slick-list .d-none-until-list{ display: inline-block; }
@media (max-width: 767px){
  .background-phone-dark{ background: rgba(0,0,0,0.3) }
}
/* browser incompatible */
#browserIncompatible .browser-icon{ width: 125px; height: 130px; background-repeat: no-repeat; background-image: url('../images/pages/browsers.png'); margin: 0 auto; }
#browserIncompatible .tile { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-bottom: 20px; position: relative; }
#browserIncompatible .tile a{ color: #ffffff !important; text-decoration: none; }
#browserIncompatible .tile:hover{ transform: scale(0.95, 0.95); }
#browserIncompatible .tile .tile-content{ display: inline-block; width: 100%; height: 100%; padding-bottom: 60px !important; }
#browserIncompatible .chrome-tile .browser-icon{ background-position: 0 0; }
#browserIncompatible .chrome-tile .tile-content{ background-color: #DDA600; }
#browserIncompatible .firefox-tile .browser-icon{ background-position: -125px 0; }
#browserIncompatible .firefox-tile .tile-content{ background-color: #EA0600; }
#browserIncompatible .safari-tile .browser-icon{ background-position: -375px 0; }
#browserIncompatible .safari-tile .tile-content{ background-color: #05468D; }
#browserIncompatible .edge-tile .browser-icon{ background-position: -625px 0; }
#browserIncompatible .edge-tile .tile-content{ background-color: #248437; }
#browserIncompatible .button-bottom{ position: absolute; bottom: 15px; left:15px; right: 15px; }
@media screen and (max-width: 1700px) {
  #browserIncompatible .tile .tile-content{ min-height: 400px; }
}
@media screen and (max-width: 1200px) {
  #browserIncompatible .tile .tile-content{ min-height: 350px; }
}
@media screen and (max-width: 850px) {
  #browserIncompatible .tile .tile-content{ min-height: 370px; }
}
/* front pages */
@media only screen and (min-width: 1200px){
  #pageProducts .roof-transport-text-block { margin-top: 15%; }
}
#pageHome hr{ margin: 3rem 0; }
@media only screen and (max-width: 1199px){
  #pageProducts .roof-transport-text-block{ margin-top: 10%; }
}
@media (max-width: 767px) {
  #pageProducts .roof-transport-text-block{ margin-top: 10% !important; margin-bottom: 10% !important; }
  #pageProducts .roof-transport-text-block { position: relative !important; left: unset !important; right: unset !important; bottom: unset !important; }
}

.form-control:disabled, .form-control[readonly]{ background-color: #e9ecef !important; }
.form-control.form-control-plaintext{ background-color: rgba(0, 0, 0, 0.05) !important; }

#custom-page-vacatures .kcms-front-block-1-col_skinny_wide{ margin-top: 2rem; }
#pageTijdlijn .time-sections .kcms-front-section{ align-items: center; height: 100%; }
#pageTijdlijn .time-sections .kcms-front-section .kcsm-block-wrapper-front{ padding-left: 6vw; padding-right: 6vw; padding-top: 2rem; padding-bottom: 2rem; }
#pageTijdlijn .time-sections .magic-timeline-spacer{ width: 2px; margin-left: -1px; height: 100%; top: 0; left: 50%; background-color: #ddd; }
@media all and (min-width: 768px) {
  #pageTijdlijn .time-sections .kcms-front-section .kcsm-block-wrapper-front{ padding-top: 6rem; padding-bottom: 6rem; }
  .section-vh-80-desktop{ height: 80vh; }
}
#padeDuurzaamheid h3{ padding-top: 4vh; padding-bottom: 4vh; }
#custom-page-faq h4{ padding-top: 1.5rem; padding-bottom: 0.5rem; }
@media all and (max-width: 768px) {
  #pageQStepProducts .fake-button{ margin: 0.1rem; }
  .hide-buttons-mobile .kcms-front-block-3-col_text{ display: none; }
}

.slick-next{ right: 40px !important; z-index: 100 !important; }
.slick-prev{ left: 40px !important; z-index: 100 !important; }
.slick-prev:before, .slick-next:before{ color: #8d8d8d !important; font-size: 40px !important; line-height: 2 !important; }
.slick-prev, .slick-next { width: 40px !important; height: 40px !important; }
.slick-dots{ bottom: 30px !important; }
.slick-dots li button:before{ font-size: 10px !important; }
/* searcher rules */
.KS_RES_T { background-color:#eee; border:1px solid #DDD; table-layout:fixed; }
.KS_RES_T td{ padding:4px; }
.KS_RES_T td{ border-left:1px solid #999; }
.KS_RES_T td:first-child{ border-left:none; }
.KS_RES_T .KS_RES_R { background-color:#F0FDFF; }
.KS_RES_T .KS_RES_R:nth-child(even) { background-color: #cff2fc; }
.KS_RES_T .KS_RES_R.KS_RES_ERR { background-color:#FFF0FD; }
.KS_RES_T .KS_RES_H { font-weight:bold; }
.KS_RES_T .KS_RES_HOVER{ cursor:pointer; background-color:#337ab7 !important; color:#FFF; }
.KS_RES_NONE h3{ margin-bottom: 0; margin-top: 0; }
#pagingselect a{ font-size: 1.4rem; margin: 4px; }
#pagingselect a.selected{ font-size: 2rem; }
/* .jq-dragging */
body.dragging, body.dragging * { cursor: move !important; }
.jq-dragging{ list-style: none; padding-left: 0; }
.jq-dragging .dragged { position: absolute; opacity: 0.5; z-index: 2000; }
.jq-dragging li{ cursor: pointer; user-select: none; border: 1px solid #ccc; padding: 2px; background-color: #eee; margin-bottom: 5px; }
.jq-dragging li .drag-handle{ position: relative; top: 3px; margin-right: 10px; margin-left: 10px; color: #333; }
.jq-dragging li.placeholder { position: relative; min-height: 30px; border: 1px dashed; }
.jq-dragging li.placeholder:before { position: absolute; }
@keyframes kangoo-animation { from { transform: scale(1.5); } to { transform: scale(1); } }
@keyframes roof-transport-animation { from { transform: scale(1.5); } to { transform: scale(1); } }
@media (min-width: 768px){
  #pageProducts #imgKangoo{ animation: kangoo-animation 1s linear; animation-play-state: paused; animation-delay: calc((var(--scroll-img-kangoo) /100) * -1s); animation-iteration-count: 1; animation-fill-mode: both; }
  #pageProducts #imgRoofTransport{ animation: roof-transport-animation 1s linear; animation-play-state: paused; animation-delay: calc((var(--scroll-img-roof-transport) /100) * -1s); animation-iteration-count: 1; animation-fill-mode: both; }
}
/* tooltip rules */
.k-tooltip{ cursor: help; color: #2c70e2; }
#tooltip{ border: 1px solid #ddd; text-align: center; color: #ededed; background: #333; position: absolute; z-index: 10000; padding: 15px; }
#tooltip:after{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 9px solid #333; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;}
#tooltip.top:after{ border-top-color: transparent; border-bottom: 9px solid #ededed; top: -20px; bottom: auto; }
#tooltip.left:after{ left: 10px; margin: 0; }
#tooltip.right:after{ right: 10px; left: auto; margin: 0; }

/* Admin */
/* admin menu */
.admin-menu .list-group-item.active a{ color: #fff; }
.admin-area h1, .admin-area h2, .admin-area h3{ margin-top: 0 !important; }
/* configurator */
#mp_Color{ height: 30px !important; }
#divConfiguratorBody{ flex-grow: 1; background: #ffffff; height: calc(100% - 116px); }
#divConfiguratorBody #vehicleAttributeSelector{ height: 100%; overflow: auto; padding-bottom: 3rem; }
#divConfiguratorBody .q3dControlDropdownLabel{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
#divConfiguratorBody .accessory-header{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
#divConfiguratorBody .accordion-body-selected-info{ display: flex; flex-direction: column; }
#divConfiguratorBody .selected_product_info_header_label{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
#divConfiguratorBody .btn-prod-info{ line-height: 18px; }
#divConfiguratorBody .q3dControlRadioOptionLabel{ display: flex; align-items: center; object-position: center; user-select: none; }
#divConfiguratorBody #divVehicleCategoryList{ display: flex; flex-direction: column; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryTile{ border-radius: 30px; overflow: hidden; position: relative; display: inline-block; }
#divConfiguratorBody #divVehicleCategoryListSlider{ margin-left: -0.25rem; margin-right: -0.25rem; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryBackgroundImage{ position: absolute; z-index: 1; top: 0.25rem; left: 0.25rem; width: calc(100% - 0.5rem); object-fit: cover; cursor: pointer; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryTileLabel{ z-index: 11; padding: 0.5rem 0.75rem; position: relative; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryTileBottomButtons{ z-index: 12; position: absolute; right: 0.25rem; bottom: 0.5rem; left: 0; display: flex; justify-content: right; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryAddButton{ padding: 6px 12px 3px 12px; display: inline-block; margin-right: 4px; }
#divConfiguratorBody #divVehicleCategoryList .divVehicleCategoryRemoveButton{ padding: 6px 12px 3px 12px; display: inline-block; margin-right: 4px;  }
#divConfiguratorBody #divVehicleCategoryList .addToCartAmount{ padding: 6px 12px 3px 12px;  display: inline-block; background-color: #da291c!important; color:#fff; border-radius: 2rem; margin-right: 4px; }

#divConfiguratorBody #divVehicleCategoryList .btn-outline-dark:hover{ color: #fff; background-color: #f5f5f5; border-color: #212529; }
#divConfiguratorBody .vehicleCategoryListLabel{ width:100%; display: block; }
@media (min-width: 1500px) {
  #cart-page .col-1500-7 { width: 58.33333333% !important; }
  #cart-page .col-1500-5 { width: 41.66666667% !important; }
}
/* admin configurator */
#divConfiguratorProgressWrapper { text-align: center;  padding-top: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; }
#divConfiguratorProgress{ border-radius: 10rem; display: inline-block; overflow: hidden; width: 100%; }
#divConfiguratorProgress .nav{ width: 100%; }
#adminVehicleEditor .collapse-heading-wrapper{ cursor: pointer; }
#adminVehicleEditor .product-select-multiple select{ border-radius: 1rem; height: 300px; }
#adminVehicleEditor .divAdminAdvancedProductSelectButtons{ width:100%; display: none; }
#adminVehicleEditor .product-select-multiple .divAdminAdvancedProductSelectButtons{ display: flex; }
.option-values-table .option-row.sortable_clone{ width: 100%; display: table; }

#divConfiguratorProgress .nav-item{ cursor: pointer; width: 140px; padding-top: 0.7rem !important; color:#000000; flex-grow: 1; }
#divConfiguratorProgress .nav-item.active{ color: #ffffff!important; background-color: #4f4f4f !important; }
#divConfiguratorProgress .nav-item.active .fa{ color: #ffffff !important; }
@media only screen and (max-width: 1400px){
  #divConfiguratorProgress .nav{ font-size: .875em; }
  #divConfiguratorProgress .nav-item{ width: 120px; }
}
@media (max-width: 767px){
  #divConfiguratorProgress .nav{ font-size: .875em; }
}
@media (max-width: 430px){
  #divConfiguratorProgress{ border-radius: 1rem; }
  #divConfiguratorProgress .nav-item{ width: 100% !important; border-left: none !important; }
}
#divConfiguratorInterior{ top: 10px; left: 10px; position:absolute; z-index: 1000; cursor: pointer; user-select: none; }
#divConfiguratorInterior .interior-button{ width: 140px; color:#a5a5a5 !important; white-space: nowrap; background-color: #dddddd !important; }
#divConfiguratorInterior .interior-button.active{ color: #da291c!important; background-color: #dddddd !important; }
#divConfiguratorInterior .interior-button.active .fa{ color: #000000 !important; }
#divConfiguratorInterior .interior-button .label{ vertical-align: text-bottom; line-height: 28px; margin-top: 2px; display: inline-block; }
#divConfiguratorBody #configuratorMainPanelFront{ overflow: visible; min-height: 400px; }
@media (min-width: 992px) {
  #divConfiguratorBody #configuratorMainPanelFront{ overflow: hidden; }
}
#divConfiguratorBody #divProductSelectWrapper .panel-heading{ cursor: pointer; padding: 10px; }
#divConfiguratorBody #divProductSelectWrapper .panel-heading h5{ font-size: 2rem; }
#divConfiguratorBody .collapse-heading-wrapper{ cursor: pointer; margin-bottom: 3px; }
#divConfiguratorBody #divLeftPointerNoCar{ z-index: 1000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; padding-top: 100px !important; }
#divConfiguratorBody .q3dControl .q3dControlRadioOption{ margin-bottom: 0.5rem !important; background-color: #eee; border-radius: 20rem; position: relative; cursor: pointer; user-select: none; }
#divConfiguratorBody .q3dControl .q3dControlRadioOptionCircle{ position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; left: 1rem; border: 1px solid #333; border-radius: 10px; box-shadow: 0 0 3px #555;  }
#divConfiguratorBody .q3dControl .q3dControlRadioOption:hover .q3dControlRadioOptionCircle{ box-shadow: 0 0 5px #111; border: 1px solid #da291c; }
#divConfiguratorBody .q3dControl .q3dControlRadioOption.active .q3dControlRadioOptionCircle{ background-color: #5a5a5a; border: 2px solid #da291c; }
#divConfiguratorBody .q3dControl .q3dControlRadioOptionLabel{ padding: 1rem 1rem 1rem 3rem; }

#divConfiguratorBody .q3dControl .q3dControlToggleOption{ min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.25rem; margin-bottom: 0.5rem !important; background-color: #eee; border-radius: 20rem; position: relative; cursor: pointer; user-select: none; }
#divConfiguratorBody .q3dControl .q3dControlToggleOption.active{ border: 2px solid #da291c !important }
#divConfiguratorBody .q3dControl .q3dControlToggleOptionLabel{ }

#divConfiguratorBody .q3dControl.focus .form-select{ /* border: 2px solid #da291c !important; */ }
#divConfiguratorBody .filter-item-wrapper{ display: flex; flex-direction: column;  }
#divConfiguratorBody .configure-item{ margin-bottom: 0.5rem; }

#divConfiguratorBody .flex-product{ display: flex; align-content: center; align-items: center; width: 100%; }

#divConfiguratorBody .q3dCustom{ margin-bottom: 0.5rem !important; background-color: #eee; border-radius: 20rem; position: relative;
  cursor: pointer; user-select: none; padding: 0.5rem 1rem; display: flex; align-content: center; align-items: center; }
#divConfiguratorBody .q3dCustom .q3dCustomCheckbox{ width: 20px; height: 20px; top: 1rem; left: 0.5rem; margin-right: 0.5rem; border: 1px solid #333; border-radius: 4px; box-shadow: 0 0 3px #555; display: inline-block; cursor: pointer; }
#divConfiguratorBody .q3dCustom:hover .q3dCustomCheckbox{ box-shadow: 0 0 5px #111; border: 1px solid #da291c; }
#divConfiguratorBody .q3dCustom .q3dCustomCheckbox.active{ background-color: #5a5a5a; border: 2px solid #da291c; }

#divConfiguratorBody .q3dControl .q3dControlColorOption{ display: inline-block; }
#divConfiguratorBody .q3dControl .q3dControlColorOption .q3dControlColorOptionCircle{ cursor: pointer; width: 2rem; height: 2rem; border-radius: 1rem; margin: 0.5rem; box-shadow: 0 0 3px #555; }
#divConfiguratorBody .q3dControl .q3dControlColorOption .q3dControlColorOptionCircle:hover, #divConfiguratorBody .q3dControl .q3dControlColorOption.active .q3dControlColorOptionCircle{ width: 2.5rem; height: 2.5rem; border-radius: 1.5rem; margin: 0.25rem; box-shadow: 0 0 5px #555; }

#divConfiguratorBody #divError{ z-index: 1040; display: inline-block; margin-top: 2rem; margin-left: 2rem; border-radius: 1.2rem; border: 2px solid #da291c; }
#divConfiguratorBody #divError.error{ color: #842029; background-color: #f8d7da; }
#divConfiguratorBody #divError.ok{ color: #333; background-color: #fff; }
#divConfiguratorBody .accordion-button{ background-color: #ddd; }
#divConfiguratorBody .accordion-button:not(.collapsed) { color: #da291c; background-color: #ddd; }

#divConfiguratorBody #btnConfigureSetStepProducts{ display: flex; align-content: center; align-items: center; }
#divConfiguratorBody #divOrderPlaceButtons { display: flex; flex-direction: column; align-items: stretch; }
#divConfiguratorBody #btnPlaceInCart { display: flex; align-content: center; align-items: center; }
#divConfiguratorBody #btnOrderMoreSameVehichle { display: flex; align-content: center; align-items: center; }
#divConfiguratorBody #btnOrderMoreOtherVehichle { display: flex; align-content: center; align-items: center; }

#divConfiguratorBody .configurator-toggle-button{ user-select: none; }
#divConfiguratorBody .configurator-toggle-button.active{ border: 2px solid #da291c !important; }
#divConfiguratorBody #divAdminSettings{ z-index: 400; position: absolute; right: 10px; top: 10px; }

#divConfiguratorBody #divVehicleAdminCanvasWrapper{ position: absolute;  top:1.5rem!important; bottom: 1.5rem!important; left: 1.5rem!important; right: 1.5rem!important; }
#divLoading { z-index: 5000; position: fixed; top:0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; align-items: center; justify-content: center; background-color: white; opacity: 0.5; }
#divAdminLoading{ z-index: 5000; position: fixed; top:0; bottom: 0; left: 0; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; background-color: white; opacity: 0.5; }
.admin3dCanvasWrapper{ position: relative; }
.admin3dCanvasWrapper canvas{ position: absolute; top: 0; left: 0; border: 1px solid #ddd; }
#combinationTable .rowSelected td{ background-color: #1b79b8; color: #fff; }
.canvasWrapper3d canvas{ position: absolute; top:0; left:0; right:0; bottom:0; border-radius: 30px; border: 1px solid #888888; }
.canvasWrapper3d .stat-group{ position: absolute; bottom: 10px; left: 10px; padding: 5px; background: #000; color: #fff; }
.canvasWrapper3d .trace-button{ position: absolute; top: 0; right: 0; padding: 5px; background: #000; color: #fff; }
.radio-item-none{ display: none; }
.radio-item-none .q3dControlRadioOptionCircle{ display: none; }
.radio-item-none .q3dControlRadioOptionLabel{ justify-content: center; padding: 0.5rem !important; }
.flag-valid-radio-item-selected .radio-item-none{ display: block; }

@media only screen and (min-width: 1200px){
  .d-lg-flex{ display: flex; }
  .lg-full-height{ height: 100%; }
}
@media only screen and (max-width: 1199px){
  .admin3dCanvasWrapper{ height: 60vw; }
  .admin3dCanvasWrapper canvas{ max-width: 100%; }
  #divConfiguratorBody{ position: relative; }
  #vehicleAttributeSelector{ padding-top: 20px; }
}
/* cart */
#cart-page .cart-images .slick-dots{ bottom: 0.5rem; }
#cart-page .cart-images .slick-next{ right: 0.5rem; z-index: 500; }
#cart-page .cart-images .slick-prev{ left: 0.5rem; z-index: 500; }
#cart-page #cartTable .cart-amount{ border: 1px solid #6c757d !important; }
#cart-page .configurator-share-button-wrapper{ top: 0.5rem; left: 0.5rem; }
#cart-page #cartTable .btn{ padding: 0.4rem 0.8rem 0.1rem 0.8rem; }

#cart-page .q3dCustom .q3dCustomCheckbox{ width: 20px; height: 20px; top: 0.3rem; left: 0; border: 1px solid #333; border-radius: 4px; box-shadow: 0 0 3px #555; display: inline-block; cursor: pointer; position: relative; }
#cart-page .q3dCustom:hover .q3dCustomCheckbox{ box-shadow: 0 0 5px #111; border: 1px solid #da291c; }
#cart-page .q3dCustom .q3dCustomCheckbox.active{ background-color: #5a5a5a; border: 2px solid #da291c; }
#cart-page .col-form-label{ padding-right: 0 !important; }
#cart-page .btn.dropdown-toggle{ padding:.375rem .75rem; }
#cart-page .dropdown.bootstrap-select{ width: 100%; }
#cart-page .dropdown.bootstrap-select .filter-option-inner-inner{ font-family: "Europa", arial, serif; }
#cart-page .btnToggleSubLine{ height: 2rem; width: 4rem; cursor: pointer; }
#cart-page .btnToggleSubLine:checked{ background-color: #13663f; border-color: #0f5636; }
#cart-page .link-prod-info{ position: relative; display: inline-block; }
#cart-page .link-prod-info .info-image{ position: absolute; top: 2px; right: 2px; }

/* product */
.product-page-compact .product-title h1{ font-size: 1rem;  }
.product-page-compact{ padding-bottom: 5px !important; }

/* admin pages */
.fancySelectLabelIsLink{ color: #EE3A41; text-decoration: underline; cursor: pointer; }
.pages-sortable .page-sort-handle{ display: inline-block; padding:6px; padding-left: 10px; padding-right: 10px; vertical-align: middle; cursor: move; }
#page-admin-page #flags{ text-align: right; }
#page-admin-page #flags .flag{ height: 12px; }
#page-admin-page #flags .flag.selected{ height: 20px;  }

.frmKCMSPage .kcms-block-wrapper{ display: inline-block; vertical-align: top; padding: 0; }
.frmKCMSPage .kcmsWrapperFormElement.kcmsElementHTML .kcmsFormElementGroup{ border: 1px dotted #DDD; }
.frmKCMSPage .kcmsFormElementGroup img{ border: 1px dotted #DDD; }
.frmKCMSPage .pnlKCMS-Section-Wrapper > .panel-heading .text{ padding-left: 10px; }
.frmKCMSPage .pnlKCMS-Section-Wrapper.kcms-section-admin-1-col-b .pnlKCMS-Block-Wrapper{ display: flex; flex-wrap: wrap; }
.frmKCMSPage .kcms-block-sort-handle{ display: inline-block; padding:6px; padding-left: 10px; padding-right: 10px; vertical-align: middle; cursor: move; }
.frmKCMSPage .kcms-section-sort-handle{ display: inline-block; padding:6px; padding-left: 10px; padding-right: 10px; vertical-align: middle; cursor: move; }
.frmKCMSPage .pnl-page-meta p{ font-size: 16px; }
.cke_float .cke_top{ border-color:#337ab7 !important; }
.form-group .error{ color:#A94442; background-color:#f2dede; }
.frmKCMSPage .uploadable_image{ max-width: 500px; }

.debug-table-prices{ font-size: 10px; width: 400px;}

/* new bootstrap searcher */
.bootstrap-searcher-result-wrapper{}
.bootstrap-searcher-result-wrapper .card{ background:none !important; }
.bootstrap-searcher-result-wrapper .card-body{ padding: 0.25rem; }
.bootstrap-searcher-result-wrapper.bootstrap-searcher-result-clickable{ cursor: pointer; }
.bootstrap-searcher-result-wrapper .bootstrap-searcher-result-row.even{ background-color: #dddddd; }
.bootstrap-searcher-result-wrapper .bootstrap-searcher-result-row.odd{}
.bootstrap-searcher-result-wrapper .bootstrap-searcher-result-row.selected, .bootstrap-searcher-result-wrapper .bootstrap-searcher-result-row:hover{ background-color: #a9e1ff; }
.bootstrap-searcher-spaced .bootstrap-searcher-result-row{ margin-top: 0.25rem; padding: 0.25rem; }

/* demo */
#divConfiguratorBody .btnConfigureSetStepProducts{ display: flex; align-content: center; align-items: center;  }
#demoPopupModal.full-screen-modal .modal-dialog{ max-width: 1000px; }
#lblConfirmPopupTitle{ width: 100%; }
#lblConfirmPopupTitle h4{ margin: 0.5rem 2rem;}

/* offer */
#offer-page .btn.dropdown-toggle{ padding:.375rem .75rem; }
#offer-page .dropdown.bootstrap-select{ width: 100%; }
#offer-page .dropdown.bootstrap-select .filter-option-inner-inner{ font-family: "Europa", arial, serif; }