@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);

/* 
KLEUREN 
wit: #ffffff
zwart: #4a4a49
grijs: #f9f9f9
donkergrijs: #c6c6c6
groen: #609630
lichtgroen: #93c121
geel: #fad228
rood: #cd1719
*/


/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
}

body {
    --zwart: #4a4a49;
    --grijs: #9d9d9c;
    --lichtgrijs: #c6c6c6;
    --fellichtgrijs: #f9f9f9;
    --groen: #5f9630;
    --lichtgroen: #94c11f;
    --geel: #f9d226;
    --rood: #cd1719;
    --oranje: #FFA500;
}

/* BASIS */

html, body {
	color: var(--zwart);
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	letter-spacing:0.025em;
	font-weight:400;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: subpixel-antialiased;;
	overflow-x:hidden;
}

html.noscroll, body.noscroll {overflow:hidden;height:100%;position:relative;touch-action: none;-ms-touch-action: none;}

.wrapper {
	width:100%;
	margin: 0px auto !important;
	position: relative;
	padding: 0px;
			box-sizing:border-box;
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

img {
	display:block;
	max-width:inherit;
	width:100%;
}
img.center {
    margin-left: auto;
    margin-right: auto;
}

a {
	cursor:pointer;
	color:inherit;
	text-decoration:none;
}

em {font-style:italic;}

ul,ol {margin:0 0 15px 0;}
li {list-style:none;line-height:24px;}
/*li:before {content:'\f0da';font-family:'Font Awesome\ 5 Pro';margin-right:10px;color:#662483;}*/
ul li ul, ol li ol {margin-bottom:0;margin-left:15px;}
/*ul li ul li:before, ol li ol li:before {content:'\f105';color:#009FE3;}*/

p {line-height:22px;margin-bottom:15px;}

strong {font-weight:600;}

h1{font-size:24px;word-wrap: break-word;margin-bottom:10px;}
h2{font-size:18px;line-height:28px;word-wrap: break-word;margin-bottom:5px;color:var(--lichtgroen);}
h3{font-size:16px;word-wrap: break-word;margin-bottom:5px;font-weight:500;}
h4{font-size:15px;word-wrap: break-word;margin-bottom:5px;}
h5{word-wrap: break-word;margin-bottom:5px;font-weight:600;color:var(--lichtgrijs);}
h6{word-wrap: break-word;margin-bottom:5px;font-style:italic;}
form h6 {font-style:normal;font-weight:500;}

/* CLASSES */
ul.toplist li.desktop_only, .desktop_only {display:block;}
ul.toplist li.mobile_only, .mobile_only {display:none;}
    
.icon {width:20px;}
.icon.big {height:90px;width:auto;}

.circle {display:block;width:20px;height:20px;color:#fff;background-color:var(--groen);border-radius:50%;font-size:12px;text-align: center;position:relative;}
.circle.happyhour {background-color:var(--geel);width:30px;height:30px;position:absolute;top:15px;left:0;font-size:11px;}
.circle span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);}

.clear {clear:both;}

.hidden {display:none;}

.btn {
	color:#fff;
	padding:8px 16px;
	text-decoration:none;
	display:inline-block;
	line-height:20px;
	margin-bottom:4px;
    border-radius:5px;
}
.btn:after {content:'\f105';font-family:"Font Awesome\ 5 Pro";margin-left:20px;}
.btn:before {display:none;}
.btn.left:before {content:'\f104';font-family:"Font Awesome\ 5 Pro";margin-right:10px;display:inline-block;}
.btn.left:after {display:none;}
.btn.upload:after, .btn.upload:before {content:'\f093';}
.btn.download:after, .btn.download:before {content:'\f019';}
.btn.phone:after, .btn.phone:before {content:'\f095';}
.btn.envelop:after, .btn.envelop:before {content:'\f0e0';}
.btn.noicon:after, .btn.noicon:before {display:none;}

.btn.border {border:0.5px solid #fff;}
.btn.big {font-size:16px;font-weight:500;padding:14px 42px;}
.btn.big.lesspadding {padding:14px 30px;}
.btn.smallradius {border-radius:3px;}

.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.justify {text-align:justify;}

/* KLEUREN */
.bg-wit {background-color:#fff;}
.bg-zwart {background-color:var(--zwart);color:#fff;}
.bg-grijs {background-color:var(--fellichtgrijs);}
.bg-lichtgrijs {background-color:var(--lichtgrijs);color:#fff;}
.bg-donkergrijs {background-color:var(--grijs);}
.bg-groen {background-color:var(--groen);color:#fff;}
.bg-lichtgroen {background-color:var(--lichtgroen);color:#fff;}
.bg-geel {background-color:var(--geel);color:var(--groen);}
.bg-rood {background-color:var(--rood);color:#fff;}
.bg-oranje {background-color:var(--oranje);color:#fff;}
.wit {color:#fff;}

.wit {color:#ffffff;}
.zwart {color: #4a4a49;}
.grijs {color: #f9f9f9;}
.donkergrijs {color: #c6c6c6;}
.groen {color: #609630;}
.lichtgroen {color: #93c121;}
.geel {color: #fad228;}
.rood {color: #cd1719;}
.oranje {color: var(--oranje);}

/* COLUMNS */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:0;
	padding:10px;
			box-sizing:border-box;
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	position:relative;
}
.col .col {padding:0;}
.col p:last-child {margin-bottom:0px;}
.col.nopadding {padding:0;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/* FIXED TOP */
#top-fixed {position:absolute;width:100%;top:0;left:0;background:transparent;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index:998;}
#top-fixed.background #logo {-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
#top-fixed.background {position:fixed;background-color:#fff;color:var(--lichtgroen);-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);}
#top-fixed.background #logo {width:60%;}
#top-fixed.background .col {padding-bottom:1%;padding-top:1%;}
#top-fixed.background li:nth-child(5) .btn, #top-fixed.producten li:nth-child(5) .btn {color:var(--lichtgroen);}
#top-fixed.background .btn.border, #top-fixed.producten .btn.border {border-color:var(--lichtgroen);padding:2.5px 8px;}

/* HEADER */
#header {position:relative;overflow:hidden;}
#header #top {position:absolute;top:0;left:0;width:100%;height: 100%;box-sizing:border-box;}
#header-background {position:relative;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-2;}
#header-background img {position:absolute;top:0;left:0;object-fit: cover;height:100%;/*min-width: 100%;min-height: 100%;width: auto;height:auto;*/}

#header .right {color:#fff;height:100%;right:-10%;}
#header .right:before {content:'';transform: skew(-10deg, 0deg);position:absolute;top:0px;right:-11.1%;width:65%;height:100%;background-color:var(--lichtgroen);z-index:-1;}
.home #header .right {height:100%;}
#header .right.happyhour:before {background-color:var(--geel);}
#header .col, #top-fixed .col {padding:2%;}

#header .content {position:absolute;top:30%;left:55%;text-align:left;padding:0;}
.home #header .content {top:24%;}
#header .content h1 {font-size:5.5em;font-weight:600;line-height:1em;}

#header .btn:not(.big), #top-fixed .btn {padding:3px 8px;}

#header #postcodecheck {margin-bottom:18px;position:relative;}
#header #postcodecheck #postcode {float:left;width:120px;border-radius:5px 0 0 5px;background-color:#fff;font-style:normal;display: block;padding:14px 25px 12px 25px;font-size:14px;margin-top:0;}
#header #postcodecheck .btn {margin-left:-5px;padding:14px 22px;}
#header #postcodecheck input#postcode:focus{outline: none;}
#header #postcodecheck #postcode_true, #header #postcodecheck #postcode_false {color:var(--lichtgroen);position:absolute;top:18px;left:90px;}
#header #postcodecheck #postcode_false {color:var(--rood);}

ul.toplist li {display:inline-block;position:relative;min-width:30px;min-height:35px;float:right;margin-right:20px;}
ul.toplist li:last-child {margin-right:10px;}
ul.toplist li .icon {position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);}
ul.toplist li .icon.nav-icon {top:34%;}

#header #cartamount, #top-fixed #cartamount {background-color:var(--rood);position:absolute;left:-6px;bottom:2px;}
#header #cartamount span, #top-fixed #cartamount span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;}

#happyhour_text {position:absolute;bottom:20px;right:20px;color:var(--groen);}
#happyhour_text p {line-height:16px;}

/* SWITCHER */
.switch {
  position: relative;
  display: inline-block;
  /*width: 60px;
  height: 34px;*/
  margin-bottom:20px;
  margin-top:20px;
  cursor:pointer;
}

.switch input[type="checkbox"] { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius:5px;
  z-index:-1;
  color:var(--groen);
  display: inline-block;
  height: 50px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50%;
  left: 0px;
  bottom: 0px;
  background-color: var(--groen);
  -webkit-transition: .4s;
  transition: .4s;
  border-radius:5px;
  z-index:0;
}

.slider span {font-weight:500;font-size:16px;padding:14px 42px;display:inline-block;position:relative;z-index:1;}

/*input:checked + .slider {
  background-color: var(--groen);
}*/

.slider span:nth-child(1) {
  color: #fff;
}
.slider span:nth-child(2) {
  color: var(--groen);
}

input:checked + .slider span:nth-child(1) {
  color: var(--groen);
}

input:checked + .slider span:nth-child(2) {
  color: #fff;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--groen);
}

input:checked + .slider:before {
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

/* NAVIGATION */
#nav-container {display:none;position:fixed;top:0;right:0;z-index:999;height:100vh;color:#fff;}
#nav-container:before {content:'';transform: skew(-10deg, 0deg);position:absolute;top:0px;right:-20%;width:65%;height:100%;background-color:var(--groen);z-index:-1;}
#nav-container.home:before {right:-21%;}

#close-nav {position:absolute;right:3.5%;top:4%;}

ul.nav {position:absolute;top:20%;right:20%;font-size:24px;font-weight:600;}
ul.nav, ul.nav li ul {margin:0;}
ul.nav li {list-style:none;position:relative; white-space: nowrap;margin-bottom:40px;}
ul.nav li:before {display:none;}

ul.nav li a {text-decoration:none;}

ul.nav li ul.subnav {display:none;position:absolute;top:0;left:0;padding-top:24px;z-index:999;}
ul.nav li ul.subnav li {margin-left:0;background-color:#171717;color:#fff;float:none;padding:4px 12px;}

/* MOBILE-NAV*/

/* MAIN */
section#main {padding-top:20px;padding-bottom:40px;}

section#main h5 {color:var(--zwart)}

.home h2 {font-size:28px;color:var(--zwart);font-weight:500;margin-bottom:20px;}
.home-gerecht {-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);background-color:#fff; }
.home-gerecht img {margin-bottom:10px;}
.home-gerecht h4 {color:var(--lichtgroen);margin-bottom:15px;height:40px;}
.home-gerecht h5 {color:var(--zwart);}

#hoehetwerkt {padding:40px 0;}
#hoehetwerkt .circle {position:absolute;top:0;left:0;width:30px;height:30px;font-size:20px;font-weight:500;}
#hoehetwerkt img {margin-bottom:20px;}
#hoehetwerkt h3 {margin-bottom:10px;}
#hoehetwerkt .arrow {position:relative;top:110px;left:40px;width:10px;}

.content {padding:40px 0;}

ul.contact {font-size:16px;}
ul.contact li {line-height:30px;margin-bottom:15px;}
ul.contact li .fas {margin-right:8px;}

#reviewslider {padding:100px 0;}
#slider-nav {position:absolute;bottom:-60px;left:50%;transform:translate(-50%,0);}
#slider-nav li {float:left;margin-right:10px;color:#fff;cursor:pointer;opacity:0.3;}
#slider-nav .slick-dots li.slick-active {opacity:1;}

#reviewslider .slide-text {display:block;font-size:32px;font-weight:500;margin-bottom:15px;}
#reviewslider .slide-name {display:block;font-style:italic;font-size:14px;}
#reviewslider .slider-arrow {width:20px;position:absolute;top:50%;right:-20%;transform:translate(0,-50%);cursor:pointer;}
#reviewslider .slider-arrow.vorige {right:auto;left:-20%;}

#iframe-map {border:none;display:block;}

/* PRODUCTEN */
#producten-bg {position:relative;display:block;}

.producten .col.producten-13 {margin:0;width:33.33%;position:relative;}
.producten .col.producten-23 {width:66.66%}
#producten-overzicht {padding:3%;padding-right:0;position:relative;}

#cart-container {margin-top:80px;padding-top:30px;border-top:1px solid #bfbfbf;}
#cart-container hr {border:none;height:1px;width:120%;margin-left:-10%;background-color:#bfbfbf;margin-bottom:20px;display:block;}

#wachttijd {position:absolute;top:80px;left:50%;transform:translate(-50%,0);background-color:var(--lichtgroen);color:#fff;border-radius:2px;padding:6px 16px;z-index:999;white-space: nowrap;}
#wachttijd span {display:block ruby;}
#wachttijd.oranje {background-color:var(--oranje);}
#wachttijd.rood {background-color:var(--rood);}

#openingstijden {position:absolute;bottom:0px;left:3%;background-color:var(--lichtgroen);color:#fff;border-radius:2px;padding:6px 16px;z-index:888;}
#openingstijden span {display:block ruby;}
#openingstijden.oranje {background-color:var(--oranje);}
#openingstijden.rood {background-color:var(--rood);}

#cart {padding:0 20%;}
#cart h3 {margin-bottom:15px;}
#cart #tijdsblokken .radiobox {margin-bottom:20px;}
#cart #tijdsblokken .cart-uur-text {padding-top:12px;padding-left: 5px;}
#cart .cart-p {margin-bottom:20px;}
#cart_total .cart-small-font {font-size:11px;}

#cart_total {padding:10px 20%;margin-top:30px;}
#cart_total .subtotal {color:#c6c6c6;}
#cart_total .col {padding:10px;}
#cart_total .col.nopadding {padding-top:0;}
#cart p.empty-cart {padding:0 20%;color:#c6c6c6;}
#cart img.empty-cart {height:120px;width:auto;margin:auto;margin-bottom:20px;}

#cart_total .section.group.border {border-top:1px solid #bfbfbf;}
#cart_total .section.group.border-bottom {border-bottom:1px solid #bfbfbf;margin-bottom:20px;}

#cart-list li {position:relative;padding:10px 20px 10px 30px;border-top:1px solid #bfbfbf;line-height:18px;}
#cart-list li .cart_prod_title span {font-size:11px;}
#cart-list li .cart_prod_title strong {max-width:75%;display:block;}
#cart-list li .cart_prod_price {position:absolute;top:10px;right:20px;font-weight:600;}
.circle.cart_prod_amount {position:absolute;top:10px;left:0;}
.cart_prod_delete {position:absolute;top:10px;right:0;}
.circle.cart_prod_amount span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;}


#searchform {position:absolute;top:20px;right:0;}

#categorie-lijst-container {position:absolute;top:75px;left:0;width:100%;overflow:hidden;-webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease;}
#categorie-lijst-container.fixed {position:fixed;top:63px;left:0;width:66.66%;background-color:#ffffff;z-index:888;}
.cat-nav-icon {position:absolute;top:12px;left:30px;z-index: 1;}
#categorie-lijst {height:39px;/*width:100%;*/background-color:#fff;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding-left:90px;box-sizing:border-box;position:relative;}
#categorie-lijst div {/*display:inline-block;*/padding:3px 0px 8px 0px;margin-right:30px;}
#categorie-lijst div.active {font-weight:500;border-bottom:4px solid var(--lichtgroen);}
.categorie-lijst-arrow {height:15px;width:auto;position:absolute;top:10px;right:0;cursor:pointer;}
.categorie-lijst-arrow.vorige {transform:rotate(180deg);right:auto;left:65px;}
.categorie-lijst-arrow.slick-disabled {opacity:0;}


#allergie-filter {display:none;background-color:#f2f2f2;padding:2%;margin-top:5px;border-radius:2px;position:relative;}
#allergie-filter span.radiobox:before, #allergie-filter span.checkbox:before {background-color:#fff;}
#allergie-filter ul { -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
#allergie-filter ul li {padding:4px;}

#producten-lijst {margin-top:20px;}
.product {border:1px solid #c7c7c6;border-radius:2px;position:relative;margin-bottom:10px;}
.product-main {padding:10px 10px 7px 10px;position:relative;display:block;}
.product-main .prod-img {margin-bottom:10px;}
.btn.add-product {font-size:22px;padding:6px 10px;position:absolute;top:0;right:0;}
.btn.add-product .far {-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.btn.add-product.turn .far {transform:rotate(-45deg);}

.product .prijs h2 {text-align:right;padding-right:60px;}
.product h2.happyhour {color:var(--groen);}
.product h2.happyhour span {color:var(--lichtgroen);position:relative;}
.product h2.happyhour span:after {content:'';width:65px;height:2px;background-color:var(--groen);position:absolute;top:50%;right:0;transform:translate(0,-50%) rotate(-15deg)}

.product span.happyhour {background-color:var(--geel);color:#fff;border-radius:2px;position:absolute;bottom:0;right:0;padding:10px 20px;text-align:center;font-weight:500;z-index: 2;}

.product-details {background-color:#e1e1e1;padding:3% 6% 3% 6%;}/*f9f9f9*/
.product-details input.input-amount {width:40px;border-right:none;border-left:none;border-radius:0;text-align:center;padding: 11px;}
.product-details .input-amount-plus, .product-details .input-amount-min {display:inline-block;background-color:#fff;border:1px solid #f1f1f1;padding:10px 10px;cursor:pointer;}
.product-details .input-amount-plus {border-left:0;margin-right:10px;}
.product-details .input-amount-min {border-right:0;}
.product-details h5 {color:#3c3c3c;}

/* FOOTER */
#footer {padding:30px 0;}

/* COPYRIGHT */
#copyright ul {margin:0;}

/* FORMS */
textarea:focus, input:focus{outline: none;}
*:focus {outline: none;}

fieldset {margin-bottom:25px;}
input, textarea, .datepicker a, .search a {border:none;padding:11px 15px;width:100%;display:inline-block;color:var(--zwart);box-sizing:border-box;-moz-box-sizing:border-box;webkit-box-sizing:border-box;font-family:'Open Sans', sans-serif;font-size:11px;font-weight:300;margin-bottom:15px;background-color:#fff;border:1px solid #f1f1f1;border-radius:5px;-webkit-appearance: none;}
input.margin-bottom {margin-bottom:30px;}
input.combined {border-radius:5px 0 0 5px;border-right:none;}

.datepicker, .search {position:relative;}
.datepicker input, .search input {width:80%;}
.datepicker a, .search a {width:20%;float:right;border-radius:0 5px 5px 0;border-left:none;}
.datepicker a i, .search a i {color:#171717;}
.datepicker a.bg-lichtgroen i, .search a.bg-lichtgroen i {color:#fff;}
.datepicker a.bg-lichtgroen, .search a.bg-lichtgroen {background-color:var(--lichtgroen);border-color:var(--lichtgroen);font-size:24px;padding:2px 9px;}
.search a.bg-lichtgroen {text-align:center;}

input[type=radio], input[type=checkbox] {
    display: none;
}
input[type="text"]:disabled {
    background: #f0f0f0;
} 
.radio-container .radio-items {display:inline-block;margin-bottom:5px;}
span.radiobox, span.checkbox {display: inline-block;margin-right:10px;line-height:18px;margin-bottom:5.5px;position:relative;cursor:pointer;}
span.radiobox:before, span.checkbox:before {
    content: "";
    display: inline-block;
 
    width: 18px;
    height: 18px;
 
    margin-right: 10px;
	float:left;
	background-color: #fff;
    border:1px solid #f1f1f1;
	cursor:pointer;
}

textarea {resize:none;height:120px;}

span.radiobox:before {
    border-radius: 50%;
}

span.checkbox:before {
    border-radius: 4px;
}

input[type=radio]:checked + span.radiobox:before {
    content: "\f111";
	font-family:'Font Awesome\ 5 Pro';
    font-weight:900;
    color: var(--groen);
    text-align: center;
    line-height: 18px;
}
input[type=checkbox]:checked + span.checkbox:before {
    content: "\f00c";
	font-family:'Font Awesome\ 5 Pro';
    font-weight:900;
    color: var(--groen);
    font-size: 15px;
    text-align: center;
    line-height: 17px;
}
    

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile, label.file {
    cursor: pointer;
}

/* SELECT BOX */
/*the container must be positioned relative:*/
.select-style {
  position: relative;
  font-family: 'Open Sans', sans-serif;
	font-size: 13px;
    margin-bottom:20px;
}
.select-style select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
  border:1px solid #f1f1f1;
  border-radius:5px;
  min-height:18px;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content:'\f078';
  font-family:'Font Awesome\ 5 Pro';
  top: 13px;
  right: 23px;
  width: 0;
  height: 0;
  color: var(--lichtgroen);
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  content:'\f077';
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color:#60605e;
  padding: 11px 15px;
  cursor: pointer;
  user-select: none;
  min-height:18px;
}
.select-items div {
border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  white-space: nowrap;
  position:relative;
  padding-left:24px;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #f1f1f1;/*f1f1f1*//*e1e1e1*/
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-items div:nth-child(even) {
  background-color:#f6f6f6; /*f6f6f6*//*e1e1e1*/
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
  color:#ffffff;
}

.same-as-selected::before {
    content:'\f00c';
    font-family:'Font Awesome\ 5 Pro';
    font-weight:900;
    color:var(--groen);
    position:absolute;top:13px;left:5px;
}

span.required {color:#e61d33;}

/* LABELS */
label.error {color:#AD1416;padding-top:2px;display:block;margin-top: -7px;margin-bottom: 8px;}
label.error:before {content:'\f0d8';font-family:'Font Awesome\ 5 Pro';margin-right:5px;font-weight:900;}

/* MESSAGING */
.message, #message {
	display:none;
}
.negative, .positive, .attention {
  margin: 4px 0;
  font-size: 1em;
  padding: 8px 10px 8px 10px;
  
  color: #C24848;  
  background: #FFD6D6 .5em .4em no-repeat;
  border: 1px solid #FFC2C2;
} 
.positive {
  color: #3F9153;  
  background: #D7F7DF .5em .4em no-repeat;
  border: 1px solid #A3F7B8
} 
.attention {
  color: #CF9E00;  
  background: #FAF2D7 .5em .4em no-repeat;
  border: 1px solid #FAE8AF;
}

/* MAP */
#map {height:300px;}

/*UC PAGE*/
.wrapper.uc {
	text-align:center;
	width:inherit;
}
.uc-logo {
	margin-top:50px;
	width:260px;
}
/* EMAIL */
.mailme {display:none;}
.email:not(input) {cursor:pointer;}
.email::after{ content:"@" attr(data-host); }

/* COOKIE MELDING*/
#cookiemelding {width:100%;text-align:center;position:fixed;bottom:0;z-index:999;}
#cookiemelding p {background-color:rgba(0,0,0,0.75);display:inline-block;padding:12px 25px;margin:0;color:#fff;font-weight:300;}
#cookiemelding p a.btn {margin:0;padding:7px 14px;text-decoration: none;margin-left:25px;}
#cookiemelding p a {text-decoration:underline;color:#fff;}

/* FIXED MESSAGE*/
#fixedmessage {width:100%;text-align:center;position:fixed;top:0;z-index:999;margin: 0;}
#fixedmessage p {background-color:rgba(0,0,0,0.75);display:inline-block;padding:12px 25px;margin:0;color:#fff;position:relative;}
#fixedmessage p a.btn {margin:0;padding:7px 14px;text-decoration: none;margin-left:25px;}
#fixedmessage p a {text-decoration:underline;color:#fff;}

#fixedmessage.positive, #fixedmessage.negative, #fixedmessage.attention {background:none;border:none;}

#fixedmessage p::after {
	content:'\f00d';
	font-family:'Font Awesome\ 5 Pro';
	position:absolute;
	top:0;right:4px;
	cursor:pointer;
}

#fixedmessage.negative p, #fixedmessage.positive p, #fixedmessage.attention p {
  margin: 4px;
  font-size: 12px;
  padding: 8px 16px;
  
  color: #C24848;
  background: #FFD6D6 .5em .4em no-repeat;
  border: 1px solid #FFC2C2;
} 
#fixedmessage.positive p {
  color: #3F9153;
  background: #D7F7DF .5em .4em no-repeat;
  border: 1px solid #A3F7B8
} 
#fixedmessage.attention p {
  color: #CF9E00;
   background: #FAF2D7 .5em .4em no-repeat;
  border: 1px solid #FAE8AF;
}

#fixedmessage p a.btn {
	padding: 4px 10px;
	margin: 5px 0 0 0;
	
	background-color:#FFD6D6;
}

#fixedmessage.positive p a.btn {
	background-color:#3F9153;
}

#fixedmessage.attention p a.btn {
	background-color:#CF9E00;
}

/* FINWIZE COPY */
.finwize-p {position:relative;}
.finwize-p a span {padding-left:14px;}
.finwize-icon {width:12px;display:inline-block;position:absolute;top:4px;}


/* DATE PICKER COLOR */
.datepicker-panel > ul > li:hover {
  background-color: rgb(190, 218, 122);
}
.datepicker-panel > ul > li.highlighted {
  background-color: rgb(190, 218, 122);
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(190, 218, 122);
}


.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(169, 205, 77);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: var(--groen);
}
.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: var(--groen);
}
.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: var(--groen);
}
.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: var(--groen);
}
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: var(--groen);
}