/* voertuigen nieuw */

.kopheader {background-color: transparent;background-image: linear-gradient(270deg, var(--primaryColor) 0%, var(--secondaryColor) 100%);padding: var(--defaultGap);margin-bottom: var(--defaultGap);}
.kopheader h1 {font-size: 50px;color: white;font-weight: 600;}

.search-archive, .voertuig {background: linear-gradient(0deg, #CCC, transparent); }
#search-wrapper-mobile-filter { padding:var(--halfGap); background:#FFF; border:1px solid #CCC;}

.search-content .results-container {display:grid;grid-template-columns:1fr;gap: var(--halfGap);}

.search-content article {background:#FFFF;word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;display: grid;grid-template-columns: 1fr 2fr;border: 1px solid #CCC;border-radius: 5px;}
.search-content.list article .content {display:grid;grid-template-columns: 1fr 1fr;gap: var(--halfGap);}
.search-content.grid article .offer {display:grid;grid-template-columns: 1fr 1fr;align-items: end;}
.search-content.grid article .thumbnail {padding-bottom:66%;}
.search-content article .thumbnail {position:relative;transition: none;}
.search-content article img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; }
.search-content article h2 {font-size: 1.2em;margin-bottom: 5px;}
.search-content article h4 {font-size: 1rem;font-weight:bold;font-family: inherit;}
.search-content article header a {color: #0067b4;font-weight: bold;}

.search-content article .item-content {padding: 15px;display: flex;flex-direction: column;justify-content: space-between;}
.search-content article a {text-decoration: none;color: #0b003d;}
.search-content article a.overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: none;}

.search-content article .item {box-shadow: -1px 3px 6px 0px rgb(166 165 165 / 45%);margin-bottom: 15px;background: #FFF;display: flex;}
.search-content article .offer a.btn {background: var(--primaryColor);background: linear-gradient(90deg, var(--primaryColor), var(--secondaryColor));color: var(--whiteCustomColor);border:none;padding: 12px 16px;cursor:pointer;border-radius: 6px;background-size:200%;background-position:left;transition:all 0.3s ease;display: inline-block;}
.search-content article .offer a.btn:hover { background-position:right; }
.search-content.grid .results-container {grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));}
.search-content.grid article {grid-template-columns:1fr;grid-template-rows: min-content;}
.search-content.grid .specs { display:none; }

#entity-search-form {display:grid;grid-template-columns: 300px 1fr;gap:var(--defaultGap);}

.selectboxit-list { list-style:none; }

.voertuig dl {display:grid;grid-template-columns: 1fr 1fr;font-size:0.9em;line-height:2;margin: 0;}
.search-content .voertuig dl { grid-template-columns: 100px 1fr; }
.voertuig dl dt { font-weight:bold; }
.voertuig dl dt, .voertuig dl dd {border-top:1px solid #00000022;margin: 0;}
.voertuig dl dt:first-child , .voertuig dl dd:nth-child(2) { border:none; }
.voertuig dd { position:relative; }

.voertuig i.info {background:green;border-radius:50%;position:absolute;width: 1.4em;height: 1.4em;transform: translate(-2em, -50%);color: #FFF;text-align: center;font-style: normal;font-weight: bold;cursor: pointer;top: 50%;line-height: 1.4;}
.voertuig span.info {position:absolute;top:100%;left:0;padding:0 10px;border: 0px solid #CCC;background:#EEE;border-radius:5px;max-height:0;overflow:hidden;transition:all 0.3s ease;z-index: 10;line-height: 1.4;}
.voertuig span.info.active {max-height:300px;border:1px solid #CCC;padding: 10px;}

.voertuig .verkoopprijs {color:var(--colorPrimary);font-weight:bold;margin: 0;}
.voertuig .leaseprijs {font-size: 1.5em;color: var(--secondaryColor);line-height: 1; }
.search-content.grid .voertuig .leaseprijs { margin: 0;}
/* Voertuigen meuk oud */

.hidden {display: none;}

.search-field h4 {font-weight: 800;font-size: 1.3rem;}
.search-field {margin: 0 0 1em 0;}
.search-field h4 {margin: 0 0 0.5em 0;}
.search-field label {display: block;cursor: pointer;}
.search-field label.active {font-weight: 600;}
.search-field label.active.hidden {display: block;}
.search-field label[data-count="0"]:not(.active) {color: #777;}
.search-field label span {color: #999;font-size: 90%;}
.search-field select {width: 100%!important;}
.search-field input[type="text"] {width: 90%;}
.search-field a {display: block;font-size: 90%;text-decoration: none;}
.search-field .selectboxit-container {margin-bottom: 0.5em;}
.search-field .selectboxit-container, .search-field .selectboxit-container .selectboxit {width: 100%;}
.search-field .selectboxit-text small {display: none;}

.search-archive .selectboxit-arrow-container .selectboxit-arrow {margin-top: -2px;}
.search-archive .selectboxit-option small {color: #999;}
.search-archive .selectboxit-option a:hover small, .search-archive .selectboxit-option.selectboxit-focus small {color: rgb(221, 221, 221);}

body.has-js .search-sidebar input[type="submit"] {display: none;}
.search-field.has-slider .search-items {display: none;}
.search-field .slider-values {font-size: 85%;margin-bottom: 1em;overflow: hidden;}
.search-field .slider-values small {font-size: 100%;color: #999;display: none;}
.search-field.tracking-min .slider-values .low small, .search-field.tracking-max .slider-values .high small {display: inline;}
.search-field .slider-values .low {float: left;}
.search-field .slider-values .high {float: right;}
.search-field.hide-non-selected label {margin-bottom: 6px;}
.search-field.hide-non-selected label.active {font-weight: normal;}
.search-field.hide-non-selected input[type="checkbox"] {display: none;}
.search-field.hide-non-selected:not([data-selected="1"]) .clear-selected {display: none;}
.search-field.hide-non-selected[data-selected="1"]label:not(.active), .search-field.hide-non-selected[data-selected="1"].show-more-toggle {display: none;}
.search-settings {
    margin-bottom: var(--halfGap);
}

.search-settings .selectboxit-container span {height: 30px;line-height: 30px;}
.search-settings .display {float: right;list-style: none;}
.search-settings .display li {float: left;padding: 0 0.5em;}
.search-settings .display a {font-weight: bold;font-size: 90%;color: #999;text-decoration: none;}
.list .search-settings .display-list a { color:#000; }
.grid .search-settings .display-grid a { color:#000; }
.search-settings .display a:hover {color: #000;}

.search-load-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.8);display: none;}
.search-loading .search-load-overlay {display: block;}

.voertuig .head {background: #535353;padding: 15px;margin-bottom: 15px;color: #ffffff;display: flex;}
.voertuig .head .col {flex: 1;}
.voertuig .head .col1 {flex: 2;}
.voertuig .head dl {display: block;}
.voertuig .head dt {float: left;width: 120px;padding-right: 10px;font-weight: bold;margin-bottom: 3px;}
.voertuig .head dd {margin-bottom: 3px;}
.voertuig .head .merk {font-size: 35px;font-weight: 500;}
.voertuig .head .type {margin-top: 10px;font-size: 17px;font-weight: 900;}
.voertuig .head .kopen {margin-top: 10px;color: #acc54c;}
.voertuig .top-sp {display: flex;}
.voertuig .top-sp .image {padding-right: 20px;}
.voertuig .top-sp .info {flex: 1;}
.voertuig .top-sp .box {flex: 1;background: white;color: black;padding: 10px;box-shadow: -1px 6px 19px 0px rgba(166, 165, 165, 0.75);margin-right: 20px;border-radius: 10px;}
.voertuig .top-sp .kopen {margin-bottom: 20px;}
.voertuig .top-sp .big-btn {color: #fff;text-decoration: none;display: inline-block;background-color: #0067b4;padding: 20px;font-size: 20px;border-radius: 10px;}
.voertuig .top-sp .prijs {font-size: 25px;padding-bottom: 10px;border-bottom: 5px solid #fff;}
.voertuig .top-sp .right {float: right;width: 150px;}
.voertuig .top-sp .row {margin-bottom: 20px;}
.voertuig .main {display: flex;}
.voertuig .col1 {width: 50%;}

.voertuig .box1 {background: white;box-shadow: -1px 6px 19px 0px rgba(166, 165, 165, 0.75);border-radius: 10px;padding: var(--halfGap);margin-bottom: var(--halfGap);}

.voertuig .box-title {
  font-size: 2rem;
  font-weight: 200;
  padding: 1em 0px;
}

.voertuig .box-value {
  margin-left: 1rem;
  font-size: 2rem;
  font-weight: 400;
  padding: 1em 0px;
}

.voertuig .box1 .right {
  padding-left: 1em;
}

.voertuig .box1 .merk {
  font-weight: bold;
  font-size: 22px;
}

.voertuig .box1 .tsm span.left {
  display: inline-block;
  width: 50%;
  text-align: left;
  float: left;
  margin-right: 10px;
}

.voertuig .blue-box {background: linear-gradient(90deg, var(--primaryColor), var(--secondaryColor));color: #FFF;margin: var(--halfGap) calc(-1 * var(--halfGap));padding: var(--halfGap);}
.voertuig .box1 .tsm .right {
  float: none;
  margin-bottom: 5px;
}

.voertuig ul { padding-left:1em; margin-bottom:var(--halfGap); font-size:0.9em; }
.voertuig ul ::marker { color:green;}

.btn.green { background: var(--primaryColor); background: linear-gradient(90deg, #5db75d, #296e29); }
.btn.blue { background: linear-gradient(90deg, var(--primaryColor), var(--secondaryColor)); }

.big.btn {
  padding: 10px 20px;
  font-size: 20px;
  border-radius: 10px;
  
  
  color:
  var(--whiteCustomColor);
  border:none;
  padding: 12px 16px;
  cursor:pointer;
  border-radius: 6px;
  background-size:200%;
  background-position:left;
  transition:all 0.3s ease;
  display: inline-block;
  flex-basis: calc(50% - 0.25em);
  margin: var(--halfGap) 0;
  text-align: center;
}
.big.btn:hover { background-position:right; }
.btn.right { float:right; }

.info-i {
  display: inline-block;
  margin-left: -20px;
}

.info-i span {
  display: block;
  background-color: #5db75d;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
  cursor: pointer;
}

.info-txt {
  background: #d2d1cc;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  left: 50%;
  width: 50%;
}
.voertuig .tabs th { padding: 0.25rem; vertical-align: top; border-top: 1px solid #dee2e6; text-align:left; }

.voertuig #big-img {position:relative;height:0;padding-bottom: 66.6666%;overflow: hidden;display: block;}
.voertuig #big-img img {position:absolute;width: 100%;height: 100%;object-fit: cover;}
.voertuig .slider {box-sizing: content-box;width: 100%;overflow: hidden;position: relative;}
.voertuig .slider-inner {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr));/* gap:var(--halfGap); */grid-template-rows: 1fr 1fr;overflow: hidden;grid-auto-rows: 0px;margin: 0 -10px;}
.voertuig .slider-inner > a {display:block;margin: 10px 5px 0px;height: 0;padding-bottom: calc(66.6666% - 5px);overflow: hidden;position: relative;}
.voertuig .slider-inner img {display:initial;width:100%;vertical-align: middle;position: absolute;height: 100%;object-fit: cover;width: 100%;top: 0;left: 0;right: 0;}

.voertuig .slider .fw, .voertuig .slider .bw {position: absolute;height: 100px;width: 50px;background-color: rgba(255, 255, 255, 0.7);z-index: 10;}
.voertuig .slider1 .fw, .voertuig .slider1 .bw {top: 50%;transform: translateY(-50%);cursor:pointer;}
.voertuig .slider i {border: solid #0067b4;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 10px 10px 0;display: block;padding: 3px;height: 20px;width: 20px;position: absolute;top: 33px;left: 0px;}
.voertuig .slider .fw {left: 0; }
.voertuig .slider .bw {right: 0;}
.voertuig .slider .fw i {left: 13px; transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.voertuig .slider .bw i {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.tab {background: white;border-radius: 0 0 10px 10px;padding: 1.5rem;font-size: 1rem;margin-bottom: 1.5rem;}
.tabs {padding: 0;box-shadow: -1px 6px 19px 0px rgb(166 165 165 / 75%);border-radius: 5px;}
.tabs .tab {padding: 1.5rem;display: none;}
.tabs .tab.active {display: block;}
.tabs-selector {display: flex;}
.tabs-selector a {flex: 1;margin-right: 1px;color: #636363;text-decoration: none;display: inline-block;padding: 10px;font-size: 15px;border-radius: 10px 10px 0 0;text-align: center;background-color: #ececec;z-index: 2;}
.tabs-selector a.active {background-color: #fdfdfd;color: #000000;font-weight: bold;box-shadow: none;}
.tabs-selector a:hover {text-decoration: none;color: #5db75d;}
.tabs-selector a:last-child {margin-right: 0;}

.header {background: #0067b4;padding: 40px;margin-bottom: 15px;color: #ffffff;border-radius: 0;background-image: linear-gradient( 270deg, #0b003d 0%, #0067b4 100%);}
.header h1 {font-size: 50px;color: white;font-weight: 600;}
.header {font-size: 30px;}

.btn-filter-mobile {display: none;}


/* selectBoxIt */

.jqueryui .ui-icon {background-color: inherit;}
.jqueryui .ui-icon-triangle-1-s {background-position: -64px -16px;}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {margin: 0 auto;position: absolute;top: 50%;right: 0;left: 0;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}
.selectboxit .selectboxit-option-icon-container {margin-left: 5px;}

.selectboxit-arrow-container {width: 30px;position: absolute;right: 0;}

.selectboxit-btn {background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #cccccc;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color: #b3b3b3;}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {color: #333333;text-decoration: none;background-position: 0 -15px;}
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {color: #333333;background-color: #e6e6e6;}

.selectboxit-container {position: relative;display: inline-block;vertical-align: top;}
.selectboxit-container * {font: 14px Helvetica, Arial;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-o-user-select: none;user-select: none;outline: none;white-space: nowrap;}
.selectboxit-container .selectboxit {width: 220px;cursor: pointer;margin: 0;padding: 0;border-radius: 6px;overflow: hidden;display: block;position: relative;}
.selectboxit-container .selectboxit-option-icon {margin: 0;padding: 0;vertical-align: middle;}
.selectboxit-container .selectboxit-options {-moz-box-sizing: border-box;box-sizing: border-box;min-width: 100%;*width: 100%;margin: 0;padding: 0;list-style: none;position: absolute;overflow-x: hidden;overflow-y: auto;cursor: pointer;display: none;z-index: 9999999999999;border-radius: 6px;text-align: left;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.selectboxit-container .selectboxit:focus {outline: 0;}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {height: 30px;line-height: 30px;display: block;}

.selectboxit-default-arrow {width: 0;height: 0;border-top: 4px solid #000000;border-right: 4px solid transparent;border-left: 4px solid transparent;}

.selectboxit-list {background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.selectboxit-list .selectboxit-option-anchor {color: #333333;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {color: #999999;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {color: #ffffff;background-color: #0081c2;background-image: -moz-linear-gradient(top, #0088cc, #0077b3);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);background-image: -o-linear-gradient(top, #0088cc, #0077b3);background-image: linear-gradient(to bottom, #0088cc, #0077b3);background-repeat: repeat-x;}

.selectboxit-optgroup-header {font-weight: bold;}
.selectboxit-optgroup-header + .selectboxit-option-first {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.selectboxit-optgroup-header:hover {cursor: default;}

.selectboxit-option .selectboxit-option-anchor {padding: 0 2px;}
.selectboxit-option .selectboxit-option-anchor:hover {text-decoration: none;}
.selectboxit-option, .selectboxit-optgroup-header {text-indent: 5px;margin: 0;list-style-type: none;}
.selectboxit-option-first {border-top-right-radius: 6px;border-top-left-radius: 6px;}
.selectboxit-option-icon-container {float: left;}
.selectboxit-option-icon-url {width: 18px;background-size: 18px 18px;background-repeat: no-repeat;height: 100%;background-position: center;float: left;}
.selectboxit-option-last {border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}

.selectboxit-rendering {display: inline-block !important;*display: inline !important;zoom: 1 !important;visibility: visible !important;position: absolute !important;top: -9999px !important;left: -9999px !important;}
.selectboxit-text {text-indent: 5px;overflow: hidden;text-overflow: ellipsis;float: left;}
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;cursor: default;}