/*  Reboot bootstrap v4.5.2 https://raw.githubusercontent.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css */
*,::before,::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{
    margin:0;
    font-family:system-ui;  /*,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff
}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role="button"]{cursor:pointer}select{word-wrap:normal}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}



/* CORRECTIE */
svg {vertical-align: baseline !important;}


@media print {
    * { /* print background image */
	-webkit-print-color-adjust: exact !important;  /* Chrome, Safari 6-15.3, Edge */
	color-adjust: exact !important; /* ff 48-96 */
	print-color-adjust: exact !important; /* ff 97+, Safari 15.4+ */
    }
    @page {
        margin-top: 5px;
        margin-bottom: 5px;
		size: A4;
    }
   @page {
	  @bottom-right {
		content: counter(page) ' of ' counter(pages);
	  }
    }
    div {
	    break-inside: avoid;
    }
    .noprint {
		display: none !important;
	}
}


/* DARKMODE */
#toggle:hover {
    cursor: pointer
}
html, img, video, svg, .darkModeOff {
    filter: var(--darkmode)
}
[data-theme="darks"] {
    --darkmode: invert(100%)
}


/* Fontsize */
@media screen and (max-width: 576px) {
	body, select, input, textarea, button {
		font-size: 16px
	}
	input[type=checkbox], input[type=radio] {
	    transform: scale(1.4);
	    margin-left: 5px;
	    margin-right: 5px;
	}
}
@media print, screen and (min-width: 576px) {
	body, select, input, textarea, button {
		font-size: 22px
	}
	input[type=checkbox], input[type=radio] {
	    transform: scale(1.8);
	    margin-left: 7px;
	    margin-right: 7px;
	}
}


/*link colors in calendars */
#targetData .targetCategory, #targetLocaties .targetDate {
  color:black;
}




/* Container */
.container {
  width: 100%;
  margin-left: auto;
  margin-right:auto;
  padding-left: 15px;
  padding-right:15px;
  /*max-width: 119vh;*/
}
@media (min-width: 576px) {  .container { max-width: 540px;} }
@media (min-width: 768px) { .container { max-width: 720px; }}
@media (min-width: 992px) { .container { max-width: 960px;  }}
@media (min-width: 1200px) { .container { max-width: 1140px;  }}








/* Image responsive */
img, .picture {
    max-width: 100%;
    height: auto;
}





/* Flex */
.flexes, .cards2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both;
}
.cards2 {
  align-items: stretch;
}
@media print, (min-width: 576px) {
  .flex80 {
    flex-basis: 80%
  }
  .flex75 {
    flex-basis: 75%
  }
  .flex66 {
    flex-basis: 66.66%
  }
  .flex60 {
    flex-basis: 60%
  }
  .flex40 {
    flex-basis: 40%
  }
  .flex50 {
    flex-basis: 50%
  }
  .flex33 {
    flex-basis: 33.33%
  }
  .flex25 {
    flex-basis: 25%
  }
  .flex20 {
    flex-basis: 20%
  }
}





/* Icon Grow http://ianlunn.github.io/Hover/ */
.hvr-icon-grow {
/*  display: inline-block;*/
/*  vertical-align: middle;*/
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  transform: scale(1.3) translateZ(0);
}



/* Glow http://ianlunn.github.io/Hover/ */
.hvr-glow {
/* display: inline-block; */
/*  vertical-align: middle; */
  transform: perspective(1px) translateZ(0);
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}








/* NielsDialog */
.dialog_overlay {
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: gray;
	z-index: 1001;
	opacity: .30;
}
.dialog_content {
	background:  #c0e0ff;
	display: block;
	min-width: 65%;
	padding: 10px;
	z-index: 1002;
	border-radius: 10px;
	border: 2px solid white;
	position: absolute;
	left: 50%;
/*	top: 50%; transform: translate(-50%,-50%); not for javascript-based centering */
	transform: translate(-50%,0);
}
@media screen and (max-width: 800px) {
    .dialog_content {
	width:100%;
    }
}
.dialog_content .cl {
    line-height: 50px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 40px;
    font-family: "Times New Roman", Times, serif;
    border-radius: 24px;
}
.dialog_content .btns {
	text-align:center
}
.dialog_content button {
    min-width:70px;
    min-height:40px;
    margin: 20px auto 20px auto;
    display: block;
 }