<style>
@font-face {
    font-family: Bahnschrift;
    src: url('Bahnschrift/Bahnschrift.woff2') format('woff2'),
         url('Bahnschrift/Bahnschrift.woff') format('woff');
    src: url('Bahnschrift/Bahnschrift.eot') format('eot');
    src: url('Bahnschrift/Bahnschrift.ttf') format('truetype');
}


* {
  font-family: Bahnschrift;
}

body {
  margin:0;
  font-family: Bahnschrift;
  font-size:18px;
  letter-spacing: -0.65px;
  color:black;
  background-color:black;
	background-position: top left;
	background-size: 100%;
}

/*
b {
  background-color: black;
  color: gold;
}
*/

section {
  /*
  // todo
  content-visibility: auto;
  contain-intrinsic-size: 2000px;
  */
}

label {
  margin:0px;
  height:36px;
  color: #777777;
}

select {
  margin:0px;
  height:36px;
}

small {
  color: #aaaaaa !important;
}

form {
  padding:0px;
  margin:0px;
}

.spantype {
  font-family: 'My type of font';
  font-weight: normal;
  font-style: normal;
}
.container {
  width: 1280px;
  max-width: 1280px;
  min-width: 1280px;
  margin: 0 auto;
  /*overflow-x: hidden;*/
}
.detailsbtn {
  background:url(pictures/vergrootglas_kleiner.png);
  background-repeat: no-repeat;
  width:20px;
  height:20px;
  border:none;
}

.contactbtn {
  background:url(pictures/contactbtn.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  width:32px;
  height:32px;
  border:none;
}

.opdrachtbtn {
  background-image: url(pictures/opdrachtbtn.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  width:32px;
  height:32px;
  border:none;
}

.factuurbtn {
  background:url(pictures/factuurbtn.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  width:32px;
  height:32px;
  border:none;
}

::selection {
  color: gold;
  background-color: #6d4465;
}

.csvbtn {
  background:url(pictures/spreadsheet.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width:25px;
  height:25px;
  border:0px;
  transform: scale(0.67);
  transition: all 300ms linear;
  margin-top:0px;
  padding-bottom:0px;
}
.csvbtn:hover {
  background:url(pictures/spreadsheet.png);
  background-repeat: no-repeat;
  width:25px;
  height:25px;
  border:0px;
  background-color: transparent;
  transform: scale(1.0);
  transition: all 200ms linear;
}

.broadcastbtn {
  background:url(pictures/broadcast.png);
  background-repeat: no-repeat;
  width:21px;
  height:21px;
  border:0px;
}

.infobtn {
  background-color: rgba(200,200,200,0.3);
  color: black;
  font-size: 26px;
  font-weight: bold;
  padding:0px;
  padding-left:1.5px;
  margin:0px;
  margin-right:3px;
  margin-top:1px;
  width:28px;
  height:28px;
  border:0px;
  border-radius:14px;
  box-shadow: inset -0.7px -0.7px 2px rgba(60,60,60,0.5), 0.7px 0.7px 2px rgba(10,10,10,0.5);
  cursor:help;
  transition: all 300ms linear;
  line-height: 32px;
}

.infobtn:hover {
  background-color: rgb(232, 194, 90);
  color:black;
  transform: scale(1.2);
  transition: all 200ms linear;
}

.infobtn_green {
  background-color: rgb(100,156,110);
  color: black;
  font-size: 28px;
  font-weight: bold;
  padding:0px;
  padding-left:0px;
  margin:0px;
  margin-right:3px;
  margin-top:0px;
  width:28px;
  height:28px;
  border:0px;
  border-radius:14px;
  box-shadow: inset -0.7px -0.7px 2px rgba(60,60,60,0.5), 0.7px 0.7px 2px rgba(10,10,10,0.5);
  cursor:help;
  transition: all 300ms linear;
  line-height: 32px;
}

.infobtn_green:hover {
  background-color: rgb(232, 194, 90);
  color:black;
  transform: scale(1.2);
  transition: all 200ms linear;
}

.infobtn_yellow {
  background-color: rgb(232, 194, 90);
  color: black;
  font-size: 26px;
  font-weight: bold;
  padding:0px;
  padding-left:1.5px;
  margin:0px;
  margin-right:3px;
  margin-top:1px;
  width:28px;
  height:28px;
  border:0px;
  border-radius:14px;
  box-shadow: inset -0.7px -0.7px 2px rgba(60,60,60,0.5), 0.7px 0.7px 2px rgba(10,10,10,0.5);
  cursor:help;
  transition: all 300ms linear;
  line-height: 32px;
}

.infobtn_yellow:hover {
  background-color: rgb(232, 194, 90);
  color:black;
  transform: scale(1.2);
  transition: all 200ms linear;
}


.headerbtn {
}
.headerbtn:hover {
  fill: rgba(0,0,0,1);
  color: rgba(100,156,110,1);
  background-color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.yearbtn{
  background:url(pictures/check2-circle.png)
  background-repeat: no-repeat;
  width:25px;
  height:25px;
  border:none;
}

div.p2000 {
  width: 2000px;
  margin: auto;
  border: 0px;
}

div.p600 {
  width: 600px;
  margin: auto;
  border: 0px;
}

div.p400 {
  width: 400px;
  margin: auto;
  border: 0px;
}

div.ztop {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-color: transparent;
}

div.zbottom {
  text-align:center;
  width: auto;
  height: 40px;
  margin: 0px;
  margin-left:-10px;
  margin-right:-10px;
  border: 0px;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: transparent; /*image: linear-gradient(to right, #EDEDED, #F9F9F9 );*/
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0px
}

td, th {
  border-width: 0px;
  vertical-align: top;
}
table tr td, table tr th{
  opacity: 1.00;
  vertical-align: top;
}
input.checkbox_zenta {
  accent-color: rgb(232, 194, 90);
  color: rgb(89, 50, 82);
  background-color: transparent;
  cursor:pointer;
  transform: scale(1.4);
  padding: 0px;
  margin: 0px;
}
input.checkbox_zenta:disabled {
  accent-color: rgb(89, 50, 82);
  color: rgb(232, 194, 90);
  cursor:pointer;
  transform: scale(1.4);
  padding: 5px;
}

.checkbox_zenta_white:checked::before {
  background-color: #00AEEF;
}
.checkbox_zenta_white {
  accent-color: rgb(232, 194, 90);
  color: black;
  background-color: rgba(232, 194, 90,0.3);
  cursor:pointer;
  transform: scale(1.4);
  padding: 5px;
}
.checkbox_zenta_white:disabled {
  accent-color: grey;
  color: black;
  cursor:pointer;
  transform: scale(1.4);
  padding: 5px;
}

.modal-dialog {
  transform: translate(0, -50%);
  top: 20%;
  width: 1242px;
  margin: 0 auto;
  z-index: 9999;
  padding-right: 0px !important;
}

a {
  color:inherit;
  font-family: 'Bahnschrift';
  text-decoration: none;
  /*cursor: pointer;*/
}
a:hover {
  color:inherit;
  font-family: 'Bahnschrift';
  text-decoration: none;
  /*cursor: pointer;*/
}

.form-control {
  font-size: 15px;
}

table {
}

.table-hover>tbody>tr.no-hover:hover {
    background-color: black;
}

.fixed-nav-bar {
  position: fixed;
  align-items: center;
  justify-content: space-between;
  /*margin:auto;*/
  top: 0px;
  left: calc(50% - 640px);
  z-index: 9000;
  width: 1280px;
  max-width: 1280px;
  max-height: 88px;
  background-color: transparent;
  color: white;
}
.fixed-panel {
  position: fixed;
  align-items: center;
  justify-content: space-between;
  top: 73px;
  left: 0px;
  z-index: 9000;
  width: 100%;
  max-width: 100%;
  height: 0px; /* 86px; */
  background-color: transparent;
  color: white;
}
.fixed-message-bar {
  position: fixed;
  align-items: center;
  justify-content: space-between;
  bottom: 0px;
  left: calc(50% - 640px);
  z-index: 9000;
  width: 1280px;
  max-width: 1280px;
  background-color: #cfbe93;
  border:3px solid #bcbccf;border-bottom:0px;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.main {
  padding: 16px;
  margin-top: 28px;
}
.tooltip {
   font-size: 18px;
}
.tooltip.in {
  opacity:1 !important;
}
.tooltip.show {
    opacity: 1 !important;
}
.tooltip-inner {
  max-width: 620px;
  min-width: 300px;
  max-height: 2000px;
  font-size:18px;
  font: Bahnschrift;
  padding: 6px 12px 6px 12px;
  background: black; /*rgba(89, 50, 82, 1.0);*/
  color: gold;  /* rgba(255, 255, 255, 0.97); */
  border:1px solid rgb(100,100,100);
  text-align: center;
  z-index:9999;
}

.tooltip.bottom .tooltip-arrow {
  bottom:15px;
  left:50%;
  margin-left:-5px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid gold;
  transform: rotate(180deg);
}
.tooltip.top .tooltip-arrow {
  bottom:0;
  left:50%;
  margin-left:-5px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid gold;
}
.tooltip.left .tooltip-arrow {
  bottom:0;
  left:50%;
  margin-left:-5px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid gold;
}
.tooltip.right .tooltip-arrow {
  bottom:0;
  left:50%;
  margin-left:-5px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid gold;
}


.alert_dialog {
  z-index: 9999;
  -moz-animation: cssAnimation 4s forwards;
  -webkit-animation: cssAnimation 4s forwards;
  -o-animation: cssAnimation 4s forwards;
  animation: cssAnimation 4s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-weight:bold;
  font-size:0px;
  width:0%;
  left:50%;
  position:absolute;
  text-align:center;
  border-radius:12px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.3), 0 4px 4px 0 rgb(63,63,63,0.1), 0 8px 5px 6px rgb(63,63,63,0.06);
  transform: translate(-50%, -50%);
  color:black;
}

@keyframes cssAnimation {
    0% {opacity: 0.0; width:    0%;height: 0px;font-size: 0px;border: 0px;padding:0px;margin:0px;border-radius:1px;}
    7% {opacity: 1.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;}
   80% {opacity: 1.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;}
  100% {opacity: 0.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;
    box-shadow: inset -1px -5px 12px rgba(96,96,96,0.3), inset -1px 5px 12px rgba(176,176,176,0.2), 1px 1px 3px rgba(16,16,16,0.5), 0 4px 4px 0 rgb(63,63,63,0.2), 0 8px 5px 6px rgb(63,63,63,0.09);}
}
@-webkit-keyframes cssAnimation {
    0% {opacity: 0.0; width:    0%;height: 0px;font-size: 0px;border: 0px;padding:0px;margin:0px;border-radius:1px;}
    7% {opacity: 1.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;}
   80% {opacity: 1.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;}
  100% {opacity: 0.0; width:1100px;height:auto;font-size:24px;border: 0px solid black;border-radius:10px;padding:8px;padding-top:9px;margin:5px;
    box-shadow: inset -1px -5px 12px rgba(96,96,96,0.3), inset -1px 5px 12px rgba(176,176,176,0.2), 1px 1px 3px rgba(16,16,16,0.5), 0 4px 4px 0 rgb(63,63,63,0.2), 0 8px 5px 6px rgb(63,63,63,0.09);}
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 50%; top: 0%; }

.animated-loader {
  pointer-events: none;
  position: fixed;
  left: calc(50% - 640px);
  top: -36%;
  transform: translateX(-50%);
  /*margin-left: -640px;*/
  /*margin-top: -533.0px;*/
  width: 1280px;
  height: 100%;
  z-index: 4999;
	/*background: url(pictures/loader_yellow.gif) center;*/
  background: url(pictures/animated-loader.svg) center;
  background-repeat: no-repeat;
  transition-duration: 0ms;
}


.div-rounded {
  border-radius: 20px;
  border: 2px solid #6B0F1A /* #337ab7; */
  padding: 15px;
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.factuurtr {
  height: 20px;
}

html {
  font-size: 13px;
}

.sticky {
  position: fixed;
  top: 79px;
}

.link {
  color: black;
  text-decoration: none;
  padding:0px;
  link:link, link:visited, link:hover, a:active { color: #6b275f !important; text-decoration: none;}
}

.icon_large {
  position: absolute;
  top: 10px;
  left: 44%;
}
.icon_huge {
  position: absolute;
  top: 10px;
  left: 39%;
  color: rbga(200,200,200,0.7);
}

.shake:hover {
  animation: shake 180ms;
  animation-iteration-count: 1;
}

.glass_blue {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:15px;
  background: rgba(96,96,196, 0.40);
  border-radius: 0px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.1), 0 2px 2px 0 rgb(63,63,63,0.05), 0 4px 3px 6px rgb(63,63,63,0.04);
  border: 1px solid rgba(96, 96, 96, 0.20);
}

.glass_grey {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:5px;
  background: rgba(0,0,0,0.05);
  border-radius: 0px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.1), 0 2px 2px 0 rgb(63,63,63,0.05), 0 4px 3px 6px rgb(63,63,63,0.04);
  border: 1px solid rgba(96, 96, 96, 0.20);
  border-right:0px;
  border-left:0px;
}

.glass_white {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:5px;
  background: rgba(255,255,255,0.8);
  border-radius: 0px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.1), 0 2px 2px 0 rgb(63,63,63,0.05), 0 4px 3px 6px rgb(63,63,63,0.04);
  border: 1px solid rgba(9, 9, 9, 0.30);
  border-right:0px;
  border-left:0px;
}

.glass_yellow {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:15px;
  background: rgba(232, 194, 90, 0.60);
  border-radius: 0px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.1), 0 2px 2px 0 rgb(63,63,63,0.05), 0 4px 3px 6px rgb(63,63,63,0.04);
  border: 1px solid rgba(96, 96, 96, 0.20);
  border-right:0px;
  border-left:0px;
}

.glass {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:5px;
  background: rgba(255, 255, 255, 0.4);
  background: rgba(255,255,255,0.4);
  border-radius: 0px;
  border: 1px 0px 1px 0px solid rgba(96, 96, 96, 0.20);
  border-right:0px;
  border-left:0px;
}

.glass_transparent {
  padding: 0px;
  padding-bottom:20px;
  padding-right:8px;
  margin:0px;
  margin-top:3px;
  margin-bottom:5px;
  background: rgba(255, 255, 255, 0.0);
  border-radius: 0px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.1), inset -1px 5px 12px rgba(176,176,176,0.1), 1px 1px 3px rgba(16,16,16,0.1), 0 2px 2px 0 rgb(63,63,63,0.05), 0 4px 3px 6px rgb(63,63,63,0.04);
  border: 0px solid rgba(0,0,0,1);
  border-right:0px;
  border-left:0px;
}


.transparentback {
  background-color: transparent;
}
.transparentback:hover {
  background-color: transparent;
}

.transparentblueback {
  background-color: transparent;
}
.transparentblueback:hover {
  background-color: rgba(150,150, 220, 0.8);
}

.transparentgreyback {
  background-color: transparent;
}
.transparentgreyback:hover {
  background-color: rgba(210,210, 210, 0.8);
}

.creamlight {
  background-color: rgba(250, 229, 223, 0.4);
}
.creamlightback {
  background-color: rgba(250, 229, 223, 0.4);
}
.creamlightback:hover {
  background-color: rgba(250, 229, 223, 0.9);
}
.cream {
  color: rgba(245, 202, 194, 0.4);
}
.creamback {
  background-color: rgba(245, 202, 194, 0.4);
}
.creamback:hover {
  background-color: rgba(245, 202, 194, 0.8);
}
.creamdialog {
  background-color: rgba(245, 202, 194, 0.4);
}
.creamorange {
  color: rgba(227, 153, 87, 0.4);
}
.creamorangeback {
  background-color: rgba(227, 153, 87, 0.4);
}
.creamorangeback:hover {
  background-color: rgba(227, 153, 87, 0.8);
}
.creamorangeback_tr {
  background-color: transparent;
}
.creamorangeback_tr:hover {
  background-color: rgba(227, 153, 87, 0.8);
}
.creamorangeback_ {
  background-color: transparent;
}
.creamorangeback_:hover {
  background-color: rgba(227, 153, 87, 0.9);
}
.creamorangedialog {
  background-color: rgba(227, 153, 87, 0.4);
}
.creamorange_hover {
  background-color: rgba(227, 153, 87, 0.99);
}

.greydialog {
  background-color: rgba(200, 200, 200, 0.4);
}

.greyyellow {
  color: rgba(220, 190, 106, 0.95);
}
.greyorange {
  color: rgba(227, 153, 87,0.95);
}
.white {
  color: rgba(255,255,255,0.95);
}
.greyblue {
  color: rgba(48, 49, 161, 0.95);
}
.greyred {
  color: rgba(174, 88, 95,0.95);
}
.greyred:hover {
  color: rgba(174, 88, 95,1.0);
}
.greyred_odd {
  background-color: rgba(0,0,0,0.05);
}
.greyred_odd:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.greyred_even {
  background-color: transparent;
}
.greyred_even:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.greyredback {
  background-color: rgba(174, 88, 95,0.6) !important;
}
.greyredback:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.greyredback_tr {
  background-color: transparent;
}
.greyredback_tr:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.greyredtransback {
  background-color: rgba(174, 88, 95,0.4);
}
.greyredtransback:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.greyblueback {
  background-color: rgba(126,135,212, 0.5) !important;
}
.greyblueback:hover {
  background-color: rgba(126,135,212,1.0);
}
.greyblueback_tr {
  background-color: transparent;
}
.greyblueback_tr:hover {
  background-color: rgba(126,135,212,1.0);
}
.greyblueback_ {
  background-color: transparent;
}
.greyblueback_:hover {
  background-color: rgba(126,135,212,1.0);
}
.greyblue_hover {
  background-color: rgba(148, 149, 255, 0.99);
}
.greybluedialog {
  background-color: rgba(48, 49, 161, 0.1);
}
.darkblueback {
  background-color: rgba(20, 24, 80, 0.4);
}
.darkblueback:hover {
  background-color: rgba(20, 24, 80, 0.8);
}
.greylightgreen {
  color: rgba(154, 225, 149, 0.4);
}
.greylightgreenback {
  background-color: rgba(154, 225, 149, 0.8);
}
.greylightgreenback:hover {
  background-color: rgba(154, 230, 149, 0.9);
}
.greylightgreendialog {
  background-color: rgba(154, 225, 149, 0.4);
}
.darkgreygreenback {
  background-color: rgba(60, 92, 58,1);
  color: white;
}
.greygreen {
  color: rgba(100,156,110, 0.4);
}
.greygreenback {
  background-color: rgba(100,156,110,0.6);
}
.greygreenback:hover {
  background-color: rgba(100,156,110,1.0);
}
.greygreenback_even {
}
.greygreenback_even:hover {
  background-color: rgba(100,156,110,1.0);
}
.greygreenback_odd {
  background-color: rgba(0,0,0,0.05);
}
.greygreenback_odd:hover {
  background-color: rgba(100,156,110,1.0);
}
.greygreen_hover {
  background-color: rgba(100,156,110, 0.99);
}
.greygreentransback {
  background-color: transparent;
}
.greygreentransback:hover {
  background-color: rgba(100,156,110,1.0);
}
.greygreentransback {
  background-color: rgba(100,156,110,0.4);
}
.greygreentransback:hover {
  background-color: rgba(100,156,110,1.0);
}

.greygreendialog {
  background-color: rgba(100,156,110, 0.4);
}

.greygreenwaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(100,156,110,0.3) 40%, rgba(100,156,110,0.5) 80%, rgba(100,156,110,0.7) 95%, rgba(100,100,100,0.2) 100%);
}
.greygreenwaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(100,156,110,1) 5%, rgba(100,156,110,1) 95%, rgba(55,55,55,0.4) 100%);
}

.greypurpleback {
  background-color: #6b275f;
  color: #dcbe6b;
}
.greypurpleback:hover {
  background-color: #6b275f;
  color: white;
}

.blackback {
  background-color: transparent;
  color: #000000;
}
.blackback:hover {
  background-color: rgba(227, 153, 87,0.9);
  color: #000000;
}

.greyredwaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(174, 88, 95,0.3) 40%, rgba(174, 88, 95,0.5) 80%, rgba(174, 88, 95,0.7) 95%, rgba(100,100,100,0.2) 100%);
}
.greyredwaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(174, 88, 95,1) 5%, rgba(174, 88, 95,1) 95%, rgba(55,55,55,0.4) 100%);
}
.greywaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(250,250,250,0.3) 40%, rgba(240,240,240,0.3) 83%, rgba(220,220,220,0.3) 90%
  , rgba(200,200,200,0.3) 95%, rgba(100,100,100,0.2) 100%);4
}
.greywaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(200,200,200,1) 5%, rgba(200,200,200,1) 95%, rgba(55,55,55,0.4) 100%);
}
.whitewaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(250,250,250,0.3) 40%, rgba(240,240,240,0.3) 83%, rgba(220,220,220,0.3) 90%
  , rgba(200,200,200,0.3) 95%, rgba(100,100,100,0.2) 100%);4
}
.whitewaveback:hover {
  background: linear-gradient(180deg, rgba(255,255,255,1.0) 0%, rgba(255,255,255,1) 95%, rgba(55,55,55,0.4) 100%);
}
.greybluewaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(126,135,212,0.3) 40%, rgba(126,135,212,0.5) 80%, rgba(126,135,212,0.7) 95%, rgba(100,100,100,0.2) 100%);
}
.greybluewaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(126,135,212,1) 5%, rgba(126,135,212,1) 95%, rgba(55,55,55,0.4) 100%);
}
.creamorangewaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(237,121,102,0.3) 40%, rgba(237,121,102,0.5) 80%, rgba(237,121,102,0.7) 95%, rgba(100,100,100,0.2) 100%);
}
.creamorangewaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(237,121,102,1) 5%, rgba(237,121,102,1) 95%, rgba(55,55,55,0.4) 100%);
}
.yellowwaveback {
  background: linear-gradient(180deg, rgba(255,225,125,0.0) 4%, rgba(255, 235, 130,0.4) 40%, rgba(255, 235, 130,0.6) 80%, rgba(255, 235, 130,0.8) 95%, rgba(100,100,100,0.2) 100%);
}
.yellowwaveback:hover {
  background: linear-gradient(180deg, rgba(55,55,55,0.4) 0%, rgba(255,235,130,1) 5%, rgba(255,235,130,1) 95%, rgba(55,55,55,0.4) 100%);
}

.yellow_ {
  color: rgba(250, 250, 250, 0.9);
}
.yellowback {
  background-color: rgba(232, 194, 90, 0.6);
}
.yellowback:hover {
  background-color: rgba(232, 194, 90, 1.0);
}
.yellowback_tr {
  background-color: transparent;
}
.yellowback_tr:hover {
  background-color: rgba(232, 194, 90, 1.0);
}
.yellowback_ {
  background-image: linear-gradient(to top right, rgba(255, 235, 130, 0.5), rgba(255, 235, 130, 0.2) );
}
.yellowback_:hover {
  background-image: linear-gradient(to top right, rgba(255, 235, 130, 0.9), rgba(255, 235, 130, 0.4) );
}
.yellowback_trans {
  background-color: #e5e5e5;
}
.yellowback_trans:hover {
  background-color: rgba(255, 235, 130, 0.8);
}
.yellowback__ {
  background-color: rgba(255, 235, 130, 0.3);
}
.yellowback__:hover {
  background-image: linear-gradient(to top right, rgba(255, 235, 130, 1.0), rgba(255, 235, 130, 0.4) );
}
.yellow_hover {
  background-color: rgba(255, 235, 130, 0.99);
}

.greyyellowback {
  background-color: rgba(220, 190, 106, 1.0);
}
.greyyellow {
  color: rgba(255,215,0,1);
}

.greyorangeback {
  background-color: rgba(227, 153, 87,0.6);
}
.greyorangeback:hover {
  background-color: rgba(227, 153, 87,1.0);
}

.greyback {
  background-color: rgba(190, 190, 190, 0.5);
}
.greyback:hover {
  background-color: rgba(185, 185, 185, 0.9);
}
.darkgreyback {
  background-color: rgba(181, 181, 181, 0.95);
}
.darkgreyback:hover {
  background-color: rgba(166, 166, 166, 1.0);
}
.darkgreyback_tr {
  background-color: transparent;
}
.darkgreyback_tr:hover {
  background-color: rgba(176, 176, 176, 0.9);
}
.greyback_ {
  background-color: transparent;
}
.greyback_:hover {
  background-color: rgba(200, 200, 200, 1.0);
}

.lightgreyback {
  background-color: #d5d5eb;
}
.lightgreyback:hover {
  background-color: #bebed1;
}

.lightgreenback {
  background-color: rgba(200, 204, 200, 0.9);
}
.lightgreenback:hover {
  background-color: rgba(200, 204, 200, 1.0);
}

.eeeeeeback {
  background-color: #eeeeee;
}
.f6f6f6back {
  background-color: #f6f6f6;
}
.e5e5e5back {
  background-color: #e5e5e5;
}
.yellowdialog {
  background-color: rgba(255, 235, 130, 0.3);
}
.bluegreenback {
  background-color: rgba(58, 222, 204,0.2);
}
.bluegreenback:hover {
  background-color: rgba(58, 222, 204,0.9);
}
.greenback {
  background-color: rgba(163, 255, 166,0.5);
}
.greenback:hover {
  background-color: rgba(163, 255, 166,0.8);
}
.lightblueback {
  background-color: rgba(190, 210, 252,0.6);
}
.lightblueback:hover {
  background-color: rgba(160, 180, 252,0.9);
}
.blueback {
  background-color: rgba(31, 90, 255,0.5);
}
.blueback:hover {
  background-color: rgba(31, 90, 255,0.7);
}
.whiteback {
  background-color: rgba(255, 255, 255,0.9);
}
.whiteback:hover {
  background-color: rgba(255, 255, 255,1.0);
}
.whitedialog {
  background-color: rgba(255, 255, 255,0.5);
}
.redback {
  background-color: rgba(174, 88, 95,0.3);
}
.redback:hover {
  background-color: rgba(174, 88, 95,0.9);
}
.redback_ {
  background-color: rgba(174, 88, 95,0.7);
}
.redback_:hover {
  background-color: rgba(174, 88, 95,1.0);
}
.#6d4465 {
  color: #6b275f;
}
.#6d4465dark {
  color: #541F4A;
}
.verydarkgrey {
  color: #303030;
}
.#6d4465back {
  background-color: #6b275f;
}
.#6d4465back:hover {
  background-color: #6b275f;
  transform: scale(1.00 , 1.00);
  transition: transform .2s;
  border: 0px solid #6b275f;
}
.#6d4465darkback {
  background-color: #541f4a;
}
.#6d4465verydarkback {
  background-color: transparent;
}

.aandachtpunt {
  height: 71px !important;
  max-height: 71px !important;
  min-height: 71px !important;
  transition: 0.5s;
  border: 1px solid transparent;
  background-color: rgba(220, 190, 106, 0.5);
}
.aandachtpunt:hover {
  height: 71px !important;
  max-height: 71px !important;
  min-height: 71px !important;
  border: 1px solid #999;
  background-color: rgba(220, 190, 106, 0.8);
}

.zenta_element {
  z-index:1;
  filter: grayscale(50%);
  transition: all 200ms ease-out;
}
.zenta_element:hover {
  z-index:100;
  filter: grayscale(0%);
  transition: all 200ms ease-out;
}

.tr_border {
  border: none;
  border-bottom:3px solid #B0B0B0;
}
.th_border {
  border: none;
  border-bottom:0px; /* solid #B0B0B0 !important; */
}
.tf_border {
  border: none;
  border-top:0px;
}

.label_normal {
  font-size: 18px;
  font-weight: normal;
  color: #565656;
  background-color: transparent;
  border: 2px solid rgba(220, 190, 106, 0);
  padding: 1px 0px 1px 0px;
  margin: 0px;
  margin-top: 2px;
  height: 34.3px;
}

.input_normal {
  display: inline;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(50,50,150,0.05);
  border: 2px solid rgba(106, 106, 106, 0.05);
  border-radius: 5px;
  padding: 6px 10px 5px 10px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.input_normal:hover {
  background-color: rgba(220, 190, 106, 0.5);
}

.input_normal:focus::placeholder {
  color: transparent;
  font-size: 15px;
  letter-spacing:-0.65px;
}

.input_normal:read-only {
  background-color: rgba(150,50,50,0.05);
  padding: 6px 10px 5px 10px;
  border: 2px dashed rgba(155,155,155,0.1);
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
}

.input_normal::placeholder {
  font-size: 15px;
  font-weight: normal;
  color: rgba(0,0,0,0.3);
  padding-left:0px;
}

.input_normal:disabled {
  background-color: rgba(150,50,50,0.05);
  padding: 6px 10px 5px 10px;
  border: 2px dashed rgba(155,155,155,0.1);
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
}

.input_normal:not([readonly]):focus {
  font-size:18px;
  outline: none;
  padding-top: 6px;
  font-style: normal;
  box-shadow: 0 0 5px rgba(232, 194, 90, 0.39);
  background-color: rgba(220, 190, 106, 1.0) !important;
  border: 2px solid rgba(155,155,155,0.1);
  outline: none;
}

.input_normal:not([readonly]):focus-visible {
  background-color: rgba(150,50,50,0.05);
  padding: 6px 10px 5px 10px;
  border: 2px dashed rgba(155,155,155,0.1);
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  outline: none;
}

.input_normal:focus {
  background-color: rgba(220, 190, 106, 1.0);
  padding: 6px 10px 5px 10px;
  border: 2px solid rgba(155,155,155,0.1);
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  outline: none;
}
.input_normal:focus-visible {
  background-color: rgba(220, 190, 106, 1.0);
  padding: 6px 10px 5px 10px;
  border: 2px solid rgba(155,155,155,0.1) !important;
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  outline: none;
}



.input_range {
  display: inline;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(50,50,150,0.05);
  border: 2px solid rgba(106, 106, 106, 0.05);
  padding: 5px 10px;
  padding-top: 7px;
  border-radius: 10px;
  margin: 0px;
  height: 32px;
  width: 100%;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  /* box-sizing: border-box; */
}

.datetime_normal {
  display: inline;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(50,50,150,0.05);
  border: 2px solid rgba(106, 106, 106, 0.05);
  padding: 0px 6px;
  padding-top: 2px;
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  box-sizing: border-box;
}

.datetime_normal:hover {
  background-color: rgba(220, 190, 106, 0.5);/*rgba(132, 140, 210, 0.5);*/
}

.datetime_normal:focus {
  font-size:18px;
  outline: none;
  padding-top: 2px;
  font-style: normal;
  border: 2px solid rgba(0,0,0,0.005);
  box-shadow: 0 0 5px rgba(232, 194, 90, 0.90);
  background-color: rgba(250, 250, 250, 0.7);
}
.datetime_normal:disabled {
  font-size:18px;
  outline: none;
  font-style: normal;
  border-color: transparent;
  background-color: rgba(150,50,50,0.05);
  color: black;
  border: 2px dashed rgba(220, 190, 106, 0.2);
  border-radius: 5px;
}
.select_normal {
  display: inline;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(50,50,150,0.05);
  border: 2px solid rgba(106, 106, 106, 0.05);
  padding: 0px 6px;
  padding-top: 1px;
  border-radius: 5px;
  margin: 0px;
  height: 34.3px;
  width: 100%;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  box-sizing: border-box;
}
.select_normal:hover {
  background-color: rgba(220, 220, 220, 0.5);
}
.select_normal:focus {
  font-size:18px;
  outline: none;
  padding-top: 1px;
  font-style: normal;
  box-shadow: 0 0 5px rgba(250, 250, 250, 0.7);
  background-color: rgba(232, 194, 90, 0.90);
}
.select_normal:disabled {
  font-size:18px;
  font-style: normal;
  color: black;
  border: 2px dashed rgba(220, 190, 106, 0.2);
  border-radius: 5px;
}

option {
  font-size:18px;
  color: black;
  background-color: #a8acc7 !important;
}
option:hover {
  color: black;
  background-color: #DDDDDD !important; /* #dcbe6a !important; */
}
option:focus {
  color: black;
  background-color: #a8acc7 !important;
}
option:active {
  color: black;
  background-color: #a8acc7 !important;
}
select option:checked {
  color: black;
  background-color: #a8acc7 !important;
}

.input_disabled {
  display: block;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(212,212,212,0.2);
  padding: 5px 10px;
  border: 2px dashed rgba(0,0,0,0.05) !important;
  border-radius: 5px;
  margin: 0px;
  height: 32px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.1);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  box-sizing: border-box;
}
.input_disabled:focus {
  font-size:18px;
  outline: none;
  font-style: normal;
  border-color: #6b275f;
  box-shadow: 0 0 5px #6b275f;
  background-color: rgba(250,250,250,0.6);
}
.input_disabled:disabled {
  font-size:18px;
  outline: none;
  font-style: normal;
  border-color: black;
  box-shadow: inset 0 0 20px rgba(70,15,15,0.6);
  background-color: rgba(250,050,050,0.6);
  color: rgba(250,050,050,0.6);
  border: 2px dashed rgba(0,0,0,0.055);
}

.input_clear {
  display: block;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: transparent;
  padding: 6px 12px;
  outline: none;
  border-radius: 3px;
  border-color: transparent;
  width: 100%;
  margin: 0px;
  height: 34.3px;
}
.input_attention {
  font-size:18px;
  outline: none;
  font-style: normal;
  border-color: transparent;
  box-shadow: 0 0 5px #6b275f;
  background-color: rgba(250,250,250,0.2);
  width: 100%;
}

.input_small {
  display: block;
  font-size:15px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color: rgba(250,250,250,0.2);
  padding: 2px 5px;
  border: 0px solid #E0E0E0;
  border-radius: 2px;
  margin: 0px;
  height: 20px;
  width: 100%;
}

input.input-sm {
  text-indent: 0px !important;
  display: block;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.65px;
  color: black;
  padding: 0px 0px;
  border: 0px solid #E0E0E0;
  border-radius: 4px;
  margin: 0px;
  height: 36px;
  -webkit-box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  box-sizing: border-box;
  background-image: url(pictures/vergrootglas.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-color: rgba(250,250,250,0.2) !important;
  text-indent: 20px;
}
select.input-sm {
  text-indent: 0px !important;
  display: block;
  font-size:18px;
  font-weight: normal;
  font-style: normal;
  color: black;
  background-color:transparent;
  padding: 0px 0px;
  border: 0px solid #E0E0E0;
  border-radius: 4px;
  margin: 0px;
  height: 36px;
  -webkit-box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  box-sizing: border-box;
}

.input-sm:focus {
  font-size:18px;
  outline: none;
  font-style: normal;
  border: 1px solid #dcbe6a;
  box-shadow: 0 0 5px #dcbe6a !important;
  color: black !important;
  background-color: #dcbe6a !important;
}
.input-sm:disabled {
  font-size:18px;
  outline: none;
  font-style: normal;
  border: 1px solid transparent;
  /*box-shadow: inset 0 0 2px rgba(70,15,15,0.6);*/
  background-color: rgb(215,215,215);
  color: black;
}


.ct-label {
    font-size: 14px;
    font-family: 'Bahnschrift';
    color: #606060;
}
.ct-chart {
    position: relative;
}
.ct-legend {
    position: relative;
    z-index: 10;
    list-style: none;
    text-align: center;
}
.ct-legend li {
    position: relative;
    padding-left: 15px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
}
.ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 2px solid transparent;
    border-radius: 2px;
}
.ct-legend li.inactive:before {
    background: transparent;
}
.ct-legend.ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0;
}
.ct-legend.ct-legend-inside li{
    display: block;
    margin: 0;
}
.ct-legend .ct-series-0:before {
    background-color: rgb(46, 109, 164);
    border-color: rgb(46, 109, 164);
}
.ct-legend .ct-series-1:before {
    background-color: #6d4465;
    border-color: #6d4465;
}
.ct-legend .ct-series-2:before {
    background-color: rgb(255,215,0);
    border-color: rgb(255,215,0);
}
.ct-legend .ct-series-3:before {
    background-color: #d17905;
    border-color: #d17905;
}
.ct-legend .ct-series-4:before {
    background-color: rgb(100,156,110);
    border-color: rgb(100,156,110);
}
.ct-legend .ct-series-5:before {
    background-color: black;
    border-color: black;
}
.ct-legend .ct-series-6:before {
    background-color: rgb(174, 88, 95);
    border-color: rgb(174, 88, 95);
}
.ct-legend .ct-series-7:before {
    background-color: #6b0392;
    border-color: #6b0392;
}
.ct-legend .ct-series-8:before {
    background-color: #f05b4f;
    border-color: #f05b4f;
}
.ct-legend .ct-series-9:before {
    background-color: #dda458;
    border-color: #dda458;
}
.ct-legend .ct-series-10:before {
    background-color: #eacf7d;
    border-color: #eacf7d;
}


.ct-chart-line {
  z-index:1000;
}
.ct-chart-line-multipleseries .ct-legend .ct-series-0:before {
    background-color: #d70206;
    border-color: #d70206;
}

.ct-chart-line-multipleseries .ct-legend .ct-series-1:before {
    background-color: #f4c63d;
    border-color: #f4c63d;
}

.ct-chart-line-multipleseries .ct-legend li.inactive:before {
    background: transparent;
}

.zenta li.ct-series-0:before {
   background-color: rgb(46, 109, 164);
   border-color: rgb(46, 109, 164);
}
.zenta li.ct-series-1:before {
   background-color: #6d4465;
   border-color: #6d4465;
}
.zenta li.ct-series-2:before {
   background-color: rgb(255,215,0);
   border-color: rgb(255,215,0);
}
.zenta li.ct-series-3:before {
   background-color: #d17905;
   border-color: #d17905;
}
.zenta li.ct-series-4:before {
   background-color: rgb(100,156,110);
   border-color: rgb(100,156,110);
}
.zenta li.ct-series-5:before {
   background-color: black;
   border-color: black;
}
.zenta li.ct-series-6:before {
   background-color: rgb(174, 88, 95);
   border-color: rgb(174, 88, 95);
}
.zenta li.ct-series-7:before {
   background-color: #6b0392;
   border-color: #6b0392;
}
.zenta li.ct-series-8:before {
   background-color: #f05b4f;
   border-color: #f05b4f;
}
.zenta li.ct-series-9:before {
   background-color: #dda458;
   border-color: #dda458;
}

.zenta li.inactive:before {
   background-color: transparent;
}

.zenta ~ svg .ct-series-a .ct-line, .zenta ~ svg .ct-series-a .ct-point {
   stroke: rgb(46, 109, 164);
}
.zenta ~ svg .ct-series-b .ct-line, .zenta ~ svg .ct-series-b .ct-point {
   stroke: #6d4465;
}
.zenta ~ svg .ct-series-c .ct-line, .zenta ~ svg .ct-series-c .ct-point {
   stroke: rgb(255,215,0);
}
.zenta ~ svg .ct-series-d .ct-line, .zenta ~ svg .ct-series-d .ct-point {
   stroke: #d17905;
}
.zenta ~ svg .ct-series-e .ct-line, .zenta ~ svg .ct-series-e .ct-point {
   stroke: rgb(100,156,110);
}
.zenta ~ svg .ct-series-f .ct-line, .zenta ~ svg .ct-series-f .ct-point {
   stroke: black;
}
.zenta ~ svg .ct-series-g .ct-line, .zenta ~ svg .ct-series-g .ct-point {
   stroke: rgb(174, 88, 95);
}
.zenta ~ svg .ct-series-h .ct-line, .zenta ~ svg .ct-series-h .ct-point {
   stroke: #6b0392;
}
.zenta ~ svg .ct-series-i .ct-line, .zenta ~ svg .ct-series-i .ct-point {
   stroke: #f05b4f;
}
.zenta ~ svg .ct-series-j .ct-line, .zenta ~ svg .ct-series-j .ct-point {
   stroke: #dda458;
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: rgb(46, 109, 164);
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #6d4465;
}
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: rgb(255,215,0);
}
.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #d17905;
}
.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
    stroke: rgb(100,156,110);
}
.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
    stroke: black;
}
.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
    stroke: rgb(174, 88, 95);
}
.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut {
    stroke: #6b0392;
}
.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f;
}
.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut {
    stroke: #dda458;
}
.ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut {
    stroke: #eacf7d;
}

.ct-point {
  stroke-width: 7px;
  stroke-linecap: round;
  color: transparent !important;
  background-color: transparent !important;
}

/* Page styling */
h1, h2, h3{
   color: #5b4421;
   text-transform: uppercase;
}

h1, h2{
   text-align: center;
}

h3 > * {
   text-transform: none;
}

.codeblock-hidden{
   display: none;
}

.javascript.hljs {
      background-color: #453D3F;
      padding: 1.3333333333rem;
      color: #f7f2ea;
      font-family: "Source Code Pro","Courier New",monospace!important;
      line-height: 1.4;
      word-wrap: break-word;
      height: auto;
      margin-bottom: 1.3333333333rem
}

.ct-hidden {
   opacity: 0;
}

.ct-dimmed {
   opacity: 0.5;
}

.javascript.hljs span::selection, .javascript.hljs::selection {
  background: #2a2526!important
}

.javascript.hljs .hljs-comment {
      color: #7b6d70
}

.javascript.hljs .hljs-atom,.javascript.hljs .hljs-number {
      color: #F4C63D
}

.cm-s-3024-day .hljs-attribute,.javascript.hljs .hljs-property {
      color: #f7f2ea
}

.javascript.hljs .hljs-keyword {
      color: #F05B4F;
      font-weight: 700
}

.javascript.hljs .hljs-string {
      color: #F4C63D
}

.javascript.hljs .hljs-variable {
      color: #f7f2ea
}

.javascript.hljs .hljs-def,.javascript.hljs .hljs-variable-2 {
      color: #f8b3ad
}

.javascript.hljs .hljs-bracket {
      color: #3a3432
}

.javascript.hljs .hljs-tag {
      color: #F05B4F;
      font-weight: normal;
}

.javascript.hljs .hljs-link {
      color: #F4C63D
}

.javascript.hljs .hljs-error{
      background-color: #F05B4F;
      color: #453D3F
}

.javascript.hljs .hljs-literal{
      color: #F05B4F;
}

.javascript.hljs .CodeMirror-activeline-background {
      background: #e8f2ff!important
}

.javascript.hljs .CodeMirror-matchingbracket {
      text-decoration: underline;
      color: #fff!important
}

::placeholder {
  font-weight: normal;
  font-size: 15px;
  color: grey;
  padding-left:20px;
  letter-spacing:-0.65px;
}

/*********** Baseline, reset styles ***********/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  /* background: rgb(235,235,235); */
  cursor: pointer;
  width: 25rem;
  height:34px;
  border-radius:5px;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: black; /* #6d4465; */
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #dcbe6b;
  border-radius: 9px;
  height: 18px;
  width: 18px;
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #dcbe6b;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: #6d4465;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
  background-color: #dcbe6b;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 9px;
  height: 18px;
  width: 18px;
}

input[type="range"]:focus::-moz-range-thumb{
  outline: 2px solid #dcbe6b;
  outline-offset: 0.125rem;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  display: inline;
  float: right;
  font-size:18px !important;
  font-weight: bold !important;
  margin: 0px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0px;
}
.dataTables_wrapper .dataTables_length select {
  display: inline;
  border: 0px solid #6d4465;
  border-radius: 3px;
  padding: 1px;
  padding-top:2px;
  padding-left:4px;
  margin: 0px;
  background-color: transparent;
  color: black;
  font-size:15px !important;
  font-weight: normal !important;
  text-align: center;
  height: 36px;
}
.dataTables_wrapper .dataTables_filter {
  display: inline;
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0px;
  margin-right:1px;
  margin-top:0px;
  font-size:15px;
  font-weight: normal;
  width: 250px;
  text-align:left;
  float:center;
  height:36px;
}
.dataTables_wrapper .dataTables_filter input {
  display: inline;
  border-radius: 3px;
  border: 0px;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: transparent;
  color: rgb(174, 88, 95) !important;
  font-weight: bold;
  font-size:15px;
  width: 250px;
  margin-left: 0px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: center;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: center;
  text-align: center;
  font-weight: bold;
  padding: 3px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 32px;
  height: 36px;
  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: yellow;
  border: 0px solid transparent;
  border-radius: 3px;
  background-color: transparent !important;
  font-size:15px;
}

.pagination {
  margin-bottom: 0px;
  margin-top: 0px;
  height: 36px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: gold;
  text-align: center;
}
.pagination>li>a {
  border: 0px; /*-color: rgba(0,0,0,0.035) !important;*/
  box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  background-color: transparent !important;
  padding: 7px 12px 0px 12px !important;
  height: 36px !important;
  font-weight: normal;
}
.pagination>li>a:hover {
  color: black !important;
  font-weight:bold;
  background-color: transparent !important;
  border-color: transparent !important;
  padding: 7px 12px 0px 12px !important;
  height: 36px !important;
}
.pagination.disabled {
  border:0px;
  box-shadow: inset 0 2px 0px 0px rgba(0,0,0,0.035);
  color: black !important;
  background-color: transparent !important;
  padding: 5px 12px 0px 12px !important;
  height: 36px !important;
}

.pagination>.disabled>a {
  color: #999 !important;
  border-color: rgba(0,0,0,0.035) !important;
  background-color: transparent !important;
  padding: 7px 12px 0px 12px !important;
  height: 36px !important;
}

.pagination>.active>a {
  color: black !important;
  background-color: #dcbe6a !important;
  padding: 7px 12px 0px 12px !important;
  height: 36px !important;
  border-color: transparent !important;
}

 .dataTables_paginate {
   color: #6d4465 !important;
   background-color: transparent !important;
   margin: 0px;
   padding:0px;
   height: 36px !important;
 }


 .dataTables_wrapper .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
   color: black !important;
   border: 0px solid #dcbe6a !important;
   background-color: #dcbe6a !important;
   font-weight: bold;
   padding: 5px 12px 0px 12px !important;
}

.dataTables_wrapper .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: black !important;
  border: 0px solid black !important;
  background-color: transparent !important;
  font-weight: bold;
  padding: 2px 14px 0px 14px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  border: 0px solid transparent !important;
}

.paginate_button:active {
  cursor: default !important;
  border: 0px solid black !important;
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  background-color: #6d4465 !important;
  color: gold;
  height:36px;
  padding: 2px 14px 0px 14px !important;
}

.active {
  cursor: default !important;
  box-shadow: none;
  border-color: transparent !important;
  background-color: #dcbe6a !important;
  font-weight: normal;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  font-weight: normal;
  background-color: #dcbe6a !important;
  background: #dcbe6a  !important;
  color: rgba(174, 88, 95,1) !important;
  border: 0px solid transparent !important;
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  border: 0px solid transparent !important;
  background-color: rgba(174, 88, 95,0.95) !important;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_filter {
  color: black;
  padding: 4px 1px 2px 1px;
  float: right;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing {
  color: black;
  padding: 4px 3px 2px 3px;
  margin: 0px;
  float:center;
  color:darkgrey;
}
.dataTables_wrapper .dataTables_paginate {
  color: black;
  padding: 4px 1px 2px 1px;
  float:center;
}

.dataTables_wrapper thead > tr > th span.dt-column-order::before,
.dataTables_wrapper thead > tr > th span.dt-column-order::after {
  color: rgb(89, 50, 82) !important;
  border:0px !important;
}


/* Customize the label (the checkbox_container) #636363 */
.checkbox_container {
 display: block;
 position: relative;
 padding-left: 21px;
 margin-bottom: 12px;
 cursor: pointer;
 font-size: 22px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

/* Create a custom checkbox */
.checkbox_checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 25px;
 width: 25px;
 background-color: #eee;
}

/* On mouse-over, add a background color */
.checkbox_container:hover input ~ .checkbox_checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked */
.checkbox_container input:checked ~ .checkbox_checkmark {
  background-color: #2196F3;
}
/* When the checkbox is checked and disabled */
input[type=checkbox][disabled]{
  background-color: #6d4465 !important;
  background: #6d4465 !important;
}

/* Create the checkbox_checkmark/indicator (hidden when not checked) */
.checkbox_checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the checkbox_checkmark when checked */
.checkbox_container input:checked ~ .checkbox_checkmark:after {
 display: block;
 color:purple;
}

/* Style the checkbox_checkmark/indicator */
.checkbox_container .checkbox_checkmark:after {
 left: 9px;
 top: 5px;
 width: 5px;
 height: 10px;
 border: 1px solid rgba(235,235,235,0.5);
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.rotate:hover {
  transform: rotate(360deg);
  transition: 600ms;
}

.text-border {
  text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

/* badge counts positions */
.badgecount_0 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 1px;
  height: 1px;
  border: 0px;
}
.badgecount_1 {
  pointer-events:none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  min-height: 16px;
  border: 0px;
  background-image: url("pictures/1-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_2 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/2-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_3 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/3-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_4 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/4-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_5 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/5-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_6 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/6-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_7 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/7-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_8 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/8-square-fill.svg");
  transform: scale(1.1);
}
.badgecount_9 {
  pointer-events: none;
  position: relative;
  top: -73px;
  left: 47px;
  width: 16px;
  height: 16px;
  border: 0px;
  background-image: url("pictures/9-square-fill.svg");
  transform: scale(1.1);
}


.text_lightup {
  color:#808080 !important;
  font-weight:normal;
}
.text_lightup:hover {
  color:black !important; /* rgba(232, 194, 90,1) !important; */
  font-weight:normal;
}


.btnzenta-success {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:black;
  background-color: rgba(100,156,110,0.5);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-info {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgb(0, 0, 0);
  background-color: rgba(220, 190, 106,0.8);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-purple {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(107, 39, 95,0.5);
  color: #dcbe6b;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-primary {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  color: black;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-danger {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(174, 88, 95,0.5);
  color: black;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-warning {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(217,131,60,0.5);
  color: black;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}
.btnzenta-warning-fading {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(217,131,60,0.5);
  color: black;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}

.btnzenta-white {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(255,255,255,0.50);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
  filter:grayscale(30%);
}

.btnzenta-header {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-color: transparent;
  margin:5px 0px 3px 0px;
  width:110px;
  height:40px;
  transition: all 300ms linear;
  background-color: transparent;
  color: black;
  font-size:18px;
  padding: .5px 0px;
  letter-spacing: -0.5px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.01);
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.03), 0 1px 1.5px 0.75px rgb(59,63,66,0.03), inset -1px -5px 12px rgba(255,255,255,0.05);
  cursor:default;
  opacity:0.7;
}

.btnzenta-header-hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06), inset -1px -5px 12px rgba(255,255,255,0.2);
  margin:5px 0px 3px 0px;
  width:110px;
  height:40px;
  transition: all 200ms linear;
  background-color: rgba(220, 190, 106,1.0);/* #6b275f; */
  color: black;
  font-size:18px;
  padding: 0.5px 0px;
  letter-spacing: -0.5px;
  cursor:default;
}
.btnzenta-input {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 3px 1px 2px 1px;
  font-size:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:black;
  background-color: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
  margin:3px 0px 3px 3px;
  width:130px;
  height:36px;
  transition: all 200ms linear;
  cursor:default;
}

.btnzenta-circle {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  word-spacing:9999px;
  letter-spacing: -0.8px;
  vertical-align: middle;
  line-height: 120%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: zoom-in;
  padding: 0px;
  padding-top:20px;
  margin:0px;
  font-size:18px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:black;
  background-color: rgba(220, 190, 106, 0.8);
  border-radius: 24px;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.2), inset -1px 5px 12px rgba(176,176,176,0.2), 1px 1px 3px rgba(16,16,16,0.3), 0 4px 4px 0 rgb(63,63,63,0.2), 0 8px 5px 6px rgb(63,63,63,0.06), inset -1px -5px 12px rgba(255,255,255,0.2);
  width:122px;
  height:85px;
  transition: all 200ms linear;
  cursor:zoom-in;
}

.btnzenta-header-hover:hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 30px;
  margin:5px 0px 3px 0px;
  width:110px;
  height:40px;
  color: black;
  font-size:18px;
  padding: 0.5px 0px;
  letter-spacing: -0.5px;
  background-color: rgba(220, 190, 106,1.0);
  transition: all 250ms linear;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.4), 0 1px 1.5px 0.75px rgb(59,63,66,0.26), inset -1px -5px 12px rgba(255,255,255,0.4);
  cursor:default;
}


.btnzenta-header-topbar {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px;
  transition: all 200ms linear;
  cursor:default;
}

.btnzenta-header-topbar:hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  user-select: none;
  border: 0px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  background-color: rgba(220, 190, 106,1.0);
  transition: all 250ms linear;
  box-shadow: 0 0 30px 8px rgba(255,255,255,0.4), inset -1px -5px 12px rgba(255,255,255,0.4);
  cursor:default;
}

.btnzenta-header-topbar-hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  user-select: none;
  border: 0px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  background-color: rgba(220, 190, 106,1.0);
  transition: all 250ms linear;
  box-shadow: 0 0 30px 8px rgba(255,255,255,0.4), inset -1px -5px 12px rgba(255,255,255,0.4);
  cursor:default;
}

.btnzenta-header-topbar-alert {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  user-select: none;
  border: 0px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  background:  rgba(251, 26, 0,0.03);
  transition: all 250ms linear;
  box-shadow: 0px 0px 15px 2px rgba(251, 26, 0,0.03);
  cursor:default;
}
.btnzenta-header-topbar-alert:hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  user-select: none;
  border: 0px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  background-color: rgba(220, 190, 106,1.0);
  transition: all 250ms linear;
  box-shadow: 0 0 20px 4px rgba(255,55,55,0.2), inset -1px -5px 12px rgba(255,255,255,0.4);
  cursor:default;
}


.btnzenta-headergreen {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-color: transparent;
  margin:5px 0px 3px 0px;
  width:110px;
  height:40px;
  transition: all 200ms linear;
  background-color: rgba(100,156,110,0.8);
  color: black;
  font-size:18px;
  padding: .5px 0px;
  letter-spacing: -0.5px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.055);
  cursor:default;
}
.btnzenta-headergreen-hover {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  padding: 0px 1px 2px 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.05);
  margin:5px 0px 3px 0px;
  width:110px;
  height:40px;
  transition: all 200ms linear;
  background-color: rgba(100,156,110,0.9);
  color: white;
  font-size:18px;
  padding: 0.5px 0px;
  letter-spacing: -0.5px;
  box-shadow: inset -1px -1px 4px rgba(220, 190, 106, 0.8), 1px 1px 3px rgba(16,16,16,0.2), 0 0 10px 1px rgba(220, 190, 106, 0.7);
  cursor:default;
}

.btnzenta-headergreen-hover:hover {
  font-size:20px;
  color:white;
  border-radius: 20px;
  box-shadow: inset -1px -1px 4px rgba(220, 190, 106, 0.8), 1px 1px 3px rgba(16,16,16,0.2), 0 0 40px 10px rgba(220, 190, 106, 1);
  border: 1px solid rgba(0,0,0,0.4);
  background-color: rgba(100,156,110,1);
  transition: all 200ms linear;
  cursor:default;
}

.btnzenta-success:hover:enabled {
  color: black;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(100,156,110,1);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-info:hover:enabled {
  color: black;
  background-color: rgba(232, 194, 90,1);
  transition: all 200ms linear;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  cursor:default;
}
.btnzenta-info_hover_enabled {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    padding: 0px 1px 2px 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
    background-color: rgba(232, 194, 90,1);
    transition: all 200ms linear;
    border-radius: 6px;
    box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
    border: 1px solid rgba(0,0,0,0.2);
    cursor:default;
}

.btnzenta-purple:hover:enabled {
  color: #dcbe6b;
  border-radius: 6px;
  box-shadow: inset -1px -1px 3px rgba(96,96,96,0.5), 1px 1px 3px rgba(16,16,16,0.5);
  border: 1px solid rgba(0,0,0,0.05);
  background-color: #6d4465;
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-primary:hover:enabled {
  color: black;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,1);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-danger:hover:enabled {
  color: white;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.4);
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.4), 0 1px 1.5px 0.75px rgb(59,63,66,0.16);
  background-color: rgba(174, 88, 95,1.0);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-warning:hover:enabled {
  color: black;
  border-radius: 6px;
  box-shadow: inset -1px -1px 3px rgba(96,96,96,0.5), 1px 1px 3px rgba(16,16,16,0.5);
  border: 1px solid rgba(0,0,0,0.05);
  background-color: rgba(227,141,68,1.0);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-warning-fading:hover:enabled {
  color: black;
  border-radius: 6px;
  box-shadow: inset -1px -1px 3px rgba(96,96,96,0.5), 1px 1px 3px rgba(16,16,16,0.5);
  border: 1px solid rgba(0,0,0,0.05);
  background-color: rgba(227,141,68,1.0);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-white:hover:enabled {
  color: black;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,1.0);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-white:hover {
  color: black;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.2), 0 1px 1.5px 0.75px rgb(59,63,66,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,1.0);
  transition: all 200ms linear;
  cursor:default;
}
.btnzenta-circle:hover:enabled {
  color: white;
  padding-top:20px;
  border-radius: 20px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.2), inset -1px 5px 12px rgba(176,176,176,0.2), 1px 1px 3px rgba(16,16,16,0.3), 0 4px 4px 0 rgb(63,63,63,0.2), 0 8px 5px 6px rgb(63,63,63,0.06);
  border: 1px solid rgba(0,0,0,0.3);
  background-color: rgba(100,156,110,1);
  transition: all 200ms linear;
  cursor:zoom-in;
  font-weight:bold;
  font-size:20px;
}
.btnzenta-circle:hover {
  color: white;
  padding-top:17px;
  border-radius:20px;
  box-shadow: inset -1px -5px 12px rgba(96,96,96,0.2), inset -1px 5px 12px rgba(176,176,176,0.2), 1px 1px 3px rgba(16,16,16,0.3), 0 4px 4px 0 rgb(63,63,63,0.2), 0 8px 5px 6px rgb(63,63,63,0.06);
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(100,156,110,1);
  transition: all 200ms linear;
  cursor:zoom-in;
  font-weight:bold;
  font-size:20px;
}
.btnzenta-header:hover {
  height:40px;
  color: black;
  border-radius: 6px;
  box-shadow: 0 0.5px 0.5px 0 rgb(59,63,66,0.3), 0 1px 1.5px 0.75px rgb(59,63,66,0.16);
  border: 2px solid rgba(0,0,0,0.3);
  border-radius:34px;
  background-color: rgba(255, 255, 255, 0.6); /*rgba(100,156,110,1);*/
  transition: all 200ms linear;
  cursor:default;
  opacity:1;
}
.btnzenta-success:disabled {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:grey;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-success:hover:disabled {
  background-color: rgba(100,156,110,1.0);
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-info:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:grey;
  opacity: 0.35;
  cursor:not-allowed;
}
.btnzenta-info:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-primary:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:grey;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-primary:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-danger:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:grey;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-danger:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,0.8);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-warning:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:#303030;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-warning-fading:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:#303030;
  opacity: 0.25;
  cursor:not-allowed;
}
.btnzenta-warning:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-warning-fading:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-white:disabled {
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 6px;
  color:grey;
  opacity: 0.85;
  cursor:not-allowed;
}
.btnzenta-white:hover:disabled {
  border: 1px dashed rgba(139, 0, 0,1.0);
  border-radius: 3px;
  color:black;
  opacity: 0.85;
  cursor:not-allowed;
}

.LP_welkom_outview {
  transition: all 700ms linear;
  opacity: 0;
  transform: scale(0.95);
}

.LP_welkom_inview {
  transition: all 700ms linear;
  opacity: 1;
  transform: scale(1);
}


.listingrow_table {
    border-collapse: separate !important;
    border-spacing: 0px 7px !important;
    margin-top: -6px;
}
.listingrow_small_table {
    border-collapse: separate;
    margin-top: -6px;
}

.listingrow_tr {
    padding-bottom: 5px;
    margin-bottom:5px;
}

.listingrow_td {
    border:solid 1px transparent;
    border-style: solid none;
    padding: 18px;
    margin-bottom:5px;
    color:rgba(0,0,0,0.7);
    background-color:rgba(0,0,0,0.06);
}
.listingrow_td_first-child {
    border-left-style: solid 1px black !important;
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
    background-color:rgba(0,0,0,0.06);
}
.listingrow_td_last-child {
    border-right-style: solid 1px black !important;
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background-color:rgba(0,0,0,0.06);
}


.greyorangeback_tr {
    color:rgba(0,0,0,0.7);
    background-color: rgba(227, 153, 87,0.5);
}
.greyorangeback_tr:hover {
    color:rgba(0,0,0,0.7);
    background-color: rgba(227, 153, 87,1.0);
}
.greyorangeback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greyorangeback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.greygreenback_tr {
    color:rgba(0,0,0,0.7);
    background-color: rgba(100,156,110,0.5);
}
.greygreenback_tr:hover {
    color:rgba(0,0,0,0.7);
    background-color: rgba(100,156,110,1.0);
}
.greygreenback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greygreenback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}
.greygreenback_selected_tr {
    border: solid 1px #000000;
    border-style: solid none;
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(100,156,110,0.9);
    box-shadow: inset -1px -5px 12px rgba(220,220,220,0.48);
}
.greygreenback_selected_tr:hover {
    border: solid 1px #000000;
    border-style: solid none;
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(100,156,110,1.0);
    box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
}
.greygreenback_selected_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greygreenback_selected_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.whiteback_tr {
    border: solid 1px #cfcfd0;
    border-style: solid none;
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(255,255,255,0.9);
    box-shadow: inset -1px -5px 12px rgba(220,220,220,0.48);
}
.whiteback_tr:hover {
    border: solid 1px #cfcfd0;
    border-style: solid none;
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(255,255,255,1.0);
    box-shadow: inset -1px -5px 12px rgba(220,220,220,0.28);
}
.whiteback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.whiteback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.darkgreyback_tr {
    color:rgba(0,0,0,0.7);
    background-color: rgba(155,155,155,0.5);
}
.darkgreyback_tr:hover {
    color:rgba(0,0,0,0.7);
    background-color: rgba(155,155,155,1.0);
}
.darkgreyback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.darkgreyback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.greyblueback_tr {
    color:rgba(0,0,0,0.7);
    background-color: rgba(126,135,212, 0.5);
}
.greyblueback_tr:hover {
    color:rgba(0,0,0,0.7);
    background-color: rgba(126,135,212, 1.0);
}
.greyblueback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greyblueback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.greyredback_tr {
    color:rgba(0,0,0,0.7);
    background-color: rgba(174, 88, 95,0.5);
}
.greyredback_tr:hover {
    color:rgba(0,0,0,0.7);
    background-color: rgba(174, 88, 95,1.0);
}
.greyredback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greyredback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.greyyellowback_tr {
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(220, 190, 106, 0.5);
}
.greyyellowback_tr:hover {
    padding: 18px;
    color:rgba(0,0,0,0.7);
    background-color: rgba(220, 190, 106, 1.0);
}
.greyyellowback_tr:first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.greyyellowback_tr:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.listingrow_grey_td {
    border: solid 1px #b9bac3;
    border-style: solid none;
    padding: 18px;
}
.listingrow_grey_td {
    border-left-style: solid;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.listingrow_grey_td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.listingrow_small_td {
    border: solid 2px #bababa;
    border-style: solid none;
    padding: 16px;
    background-color:rgba(0,0,0,0.06);
}
.listingrow_small_td_first-child {
    border-left-style: solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-color:rgba(0,0,0,0.06);
}
.listingrow_small_td_last-child {
    border-right-style: solid;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background-color:rgba(0,0,0,0.06);
}

.zenta_collapse {
  margin-top:1px !important;
  margin-bottom:3px !important;
  border-radius:10px !important;
}

.honingpotje {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.glow {
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}

.zoom_lvl1 {
  transform: scale(1.0);
  transition-delay: 2s;
  transition: all 550ms ease;
}
.zoom_lvl1:hover {
  transform: scale(1.4);
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl1.in-view {
  transform: scale(1.4);
  transition-delay:500ms;
  transition: all 550ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl0 {
  opacity: 0;
	animation-name: fade_opacity;
	animation-iteration-count: 10;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}
.zoom_lvl0_back {
  transition: all 550ms ease;
}
.zoom_lvl0_back:hover {
  transform: scale(1.0);
  transition: all 250ms ease;
  animation: glow_back 5s ease-in-out infinite alternate;
}
.zoom_lvl0.in-view {
  transition-delay:500ms;
  transition: all 2s ease;
  opacity: 1;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl2 {
  transform: scale(1.0);
  transition: all 250ms ease;
}
.zoom_lvl2.in-view {
  transform: scale(1.1);
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl2:hover {
  transform: scale(1.1);
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl_small {
  transform: scale(1.0);
  transition: all 250ms ease;
}
.zoom_lvl_small.in-view {
  transform: scale(1.0);
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}
.zoom_lvl_small:hover {
  transform: scale(1.05);
  transition: all 250ms ease;
  animation: glow 5s ease-in-out infinite alternate;
}

.zoom_full {
  transform: scale(4.0);
  transition-delay: 0s;
  transition: all 550ms ease;
}

.zoom_swing {
  transition: all 500ms linear;
}
.zoom_swing.in-view {
  transition: all 300ms linear;
  animation: swing 1200ms ease-in-out 1;
}

.zoom_zigzag {
  transition: all 250ms ease;
}
.zoom_zigzag.in-view {
  transition: all 350ms ease;
  animation: zigzag 900ms ease-in-out 1;
}

.zoom_zigzag_right {
  transition: all 250ms ease;
}
.zoom_zigzag_right.in-view {
  transition: all 350ms ease;
  animation: zigzag_right 1000ms ease-in-out 1;
}

.animation_paused{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused;
}

@keyframes zigzag {
  from {
    transform: translateX(-1200px);
  } to {
    transform: translateX(0px);
  }
}

@keyframes zigzag_right {
  from {
    transform: translateX(1300px);
  } to {
    transform: translateX(0px);
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.move_tutorial_contacts_1 {
  transition: all 500ms ease;
  animation: tutorial_arrow_contacts_1 2600ms ease-in-out 0.5s 1 normal forwards;
}
.move_tutorial_contacts_2 {
  transition: all 500ms ease;
  animation: tutorial_arrow_contacts_2 2600ms ease-in-out 0.5s 1 normal forwards;
}
.fade {
	opacity: 1;
	animation-name: fade_opacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes tutorial_arrow_contacts_1 {
  0% {
    transform: translate(0%,0%);
  }
  100% {
    transform: translate(45%,-335%) scale(80%,80%) rotateZ(360deg);
  }
}
@keyframes tutorial_arrow_contacts_2 {
  0% {
    transform: translate(-30%,-220%) scale(60%,60%) rotateZ(90deg);
  }
  100% {
    transform: translate(00%,-230%) scale(40%,40%) rotateZ(195deg);
  }
}
@keyframes tutorial_arrow_contacts_3 {
  0% {
    transform: translate(00%,-230%) scale(40%,40%) rotateZ(195deg);
  }
  100% {
    transform: translate(550%,-220%) rotateZ(-20deg);
  }
}
@keyframes tutorial_arrow_contacts_4 {
  0% {
    transform: translate(550%,-220%) rotateZ(-20deg);
  }
  100% {
    transform: translate(0%,0%) rotateZ(0deg);
  }
}

@keyframes swing {
  from {
    transform: rotateX(0deg);
  } to {
    transform: rotateX(360deg);
  }
}
@keyframes glow {
  from {
    text-shadow: 0 0 4px rgba(255,225,125,0.1), 0 0 6px rgba(255,225,125,0.0), 0 0 8px rgba(255,225,125,0.0), 0 0 10px rgba(255,225,125,0.0)
    , 0 0 12px rgba(255,225,125,0.0), 0 0 14px rgba(255,225,125,0.3), 0 0 16px rgba(255,225,125,0.3);
  } to {
    text-shadow: 0 0 2px rgba(255,225,255,0.8), 0 0 4px rgba(255,225,255,0.8), 0 0 6px rgba(255,225,255,0.8), 0 0 8px rgba(255,225,255,0.8)
    , 0 0 10px rgba(255,225,125,0.6), 0 0 12px rgba(255,225,125,0.6), 0 0 14px rgba(255,225,125,0.4);
  }
}
@keyframes glow_back {
  from {
    text-shadow: 0 0 2px rgba(255,225,255,0.4), 0 0 4px rgba(255,225,255,0.4), 0 0 6px rgba(255,225,255,0.4), 0 0 8px rgba(255,225,255,0.4)
    , 0 0 10px rgba(255,225,125,0.3), 0 0 12px rgba(255,225,125,0.3), 0 0 14px rgba(255,225,125,0.2);
  } to {
    text-shadow: 0 0 4px rgba(255,225,125,0.1), 0 0 6px rgba(255,225,125,0.0), 0 0 8px rgba(255,225,125,0.0), 0 0 10px rgba(255,225,125,0.0)
    , 0 0 12px rgba(255,225,125,0.0), 0 0 14px rgba(255,225,125,0.3), 0 0 16px rgba(255,225,125,0.3);
  }
}
@keyframes fade_opacity {
  from {
    opacity 0;
  } to {
    opacity 1;
  }
}

.fade-in {
  animation: fadeIn ease 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {opacity:0;}
  35% {opacity:0.7;}
  50% {opacity:1;}
  100% {opacity:1;}
}

.cursor_opdracht {
  cursor:url('pictures/cursor_naar_opdracht.png'),auto !important;
}
.cursor_afspraak {
  cursor:url('pictures/cursor_naar_afspraak.png'),auto !important;
}
.cursor_factuur {
  cursor:url('pictures/cursor_naar_factuur.png'),auto !important;
}
.cursor_rekening {
  cursor:url('pictures/cursor_naar_rekening.png'),auto !important;
}
.cursor_contact {
  cursor:url('pictures/cursor_naar_contact.png'),auto !important;
}

.bonnetje_unfocussed {
  background-color:transparent;
  border:none;
  border-radius:4px;
  padding:0px;
  object-fit:contain;
  object-position: left top;
  margin:0px;
  height:500px;
  max-height:800px;
  min-height:500px;
  width:617px;
  max-width:617px;
  min-width:610px;
  display:inline-block;
  transition: all 350ms ease;
}

.bonnetje_focussed {
  background-color:transparent;
  border:none;
  border-radius:8px;
  padding:0px;
  object-fit:contain;
  object-position: left top;
  margin:0px;
  height:auto;
  /*
  width:1090px;
  max-width:1090px;
  max-height:1600px;
  min-width:1090px;
  min-height:1600px;
  */
  width:100%;
  max-width:100%;
  max-height:100%;
  min-width:100%;
  min-height:100%;

  display:inline-block;
  transition: all 350ms ease;
  transition-delay: 20s;
}

.striped {
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(255,225,125,1.0) 10px,
    rgba(255,225,125,1.0) 20px
  ),
  linear-gradient(
    to bottom,
    rgba(0,0,0,1.0) 10%,
    rgba(255,225,125,1.0) 10%,
    rgba(255,225,125,1.0) 89%,
    rgba(0,0,0,1.0) 89%
  )
}
/* checkbox visual replacement switch */
.switch input {
    display:none;
}
.switch {
    display:inline-block;
    width:56px;
    height:32px;
    margin:0px;
    position:relative;
}
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:22px;
    box-shadow:0 0 0 1px rgba(200,200,200,0.5), 0 0 3px #A0A0A0;
    cursor:pointer;
    border:1px solid transparent;
    overflow:hidden;
    transition:.4s;
    background-color: #D0D0D0;
    background-image:URL('pictures/filtered_unfiltered.png');
    background-size:48px;
    background-repeat:no-repeat;
    background-position-x:4px;
    background-position-y:center;
    margin-right:0px;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background-color: #606060;
    border-radius:26px;
    transform:translateX(-30px);
    transition:.4s;
}
.slider:hover {

}

input:checked + .slider:before {
    transform:translateX(-79px);
    background-color: #606060;
}
input:checked + .slider {
  box-shadow:0 0 0 1px rgba(200,200,200,0.5), 0 0 3px #A0A0A0;
}
.switch.flat .slider {
    box-shadow:none;
}
.switch.flat .slider:before {
    background:#FFF;
}
.switch.flat input:checked + .slider:before {
    background:#D0D0D0;
}
.switch.flat input:checked + .slider {
    background:#d3be82;
}

.slider_plain {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:18px;
    box-shadow:0 0 0 1px rgba(200,200,200,0.5), 0 0 3px #A0A0A0;
    cursor:pointer;
    border:1px solid transparent;
    overflow:hidden;
    transition:.4s;
    background-color: #D0D0D0;
    background-size:44px;
    background-repeat:no-repeat;
    background-position-x:4px;
    background-position-y:center;
    margin-right:0px;
}
.slider_plain:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background-color: #A05050;
    border-radius:24px;
    transform:translateX(-30px);
    transition:.4s;
}
.slider_plain:hover {

}
input:checked + .slider_plain:before {
    transform:translateX(-79px);
    background-color: #50A050;
;
}
input:checked + .slider_plain {
    box-shadow:0 0 0 1px rgba(0,0,0,0.5);
}

.zenta_infobox_hover {
}

.zenta_infobox_hover:hover {
  background-color:rgba(0,0,150,0.1) !important;
}

</STYLE>
