@charset "UTF-8";
/* CSS Document */

#page-number:after {
    counter-increment: page_number;
    content: "Page " counter(page_number);
}
body {
    counter-reset: page_number;
}
body.dark-mode {
	background-color: white;
	color: black;
}

body.light-mode {
	background-color: white;
	color: black;
}

body.light-mode .lijstmg {
	background-color: #f0f0f0;
	color: black;
  padding: 10px;
  margin: 5px;
}
body.dark-mode .lijstmg {
	background-color: #f0f0f0;
	color: black;
  padding: 10px;
  margin: 5px;

}

.lijstng {
	background-color: var(--main-bg-color);
}


@media print {
  .divTable { 
    page-break-inside:auto; 
  }
  .divTableRow { 
    page-break-inside:avoid;
    page-break-after:auto 
  }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.blok05 {
	padding:3px 0px 3px 0px;
	width:5%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok1 {
	padding:3px 0px 3px 0px;
	width:10%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok15 {
	padding:3px 5px 3px 0px;
	width:15%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok2 {
	padding:3px 5px 3px 0px;
	width:20%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok3 {
	padding:3px 5px 3px 0px;
	width:30%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok35 {
	padding:3px 5px 3px 0px;
	width:35%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok4 {
	padding:3px 5px 3px 0px;
	width:40%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok45 {
	padding:3px 5px 3px 0px;
	width:45%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok5 {
	padding:3px 5px 3px 0px;
	width:50%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok55 {
	padding:3px 5px 3px 0px;
	width:55%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok6 {
	padding:3px 0px 3px 0px;
	width:60%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok7 {
	padding:3px 0px 3px 0px;
	width:70%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok8 {
	padding:3px 0px 3px 0px;
	width:80%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}
.blok9 {
	padding:3px 0px 3px 0px;
	width:90%;
	position:relative;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.blok10 {
	padding:1px 0px 1px 0px;
	width:100%;
	position:relative;
	float:left;
	box-sizing:border-box;
}
[id*="bodem-box"]
{
	/* hier moet nog aan gewerkt worden */
	background-color:#999;
	position: fixed;
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:4px;
	padding-top:4px;
	left:0px;
	bottom:0px;
	height: 55px;
	z-index:911;
}
#celinhoud {
	text-align:left;
	/*vertical-align:text-top;*/
	height:25pt;
	
}
td {
	border-color:#999;
	border-width:thin;
	border-style:solid;
	padding:0px 3px 0px 5px;
}

.odd {
	text-align:left;
	/*vertical-align:text-top;*/
	height:25pt;
	background-color:#FFF;
}
.even {
	text-align:left;
	/*vertical-align:text-top;*/
	height:25pt;

	background-color:#F0F0F0;
}
.rood {
	text-align: left;
	/*vertical-align:text-top;*/
	height: 25pt;
	background-color: #EC4741;
}

#geenb { 
	border-style:none; 
  
	
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 20px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color:#2ECC71;

	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 6px;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

body {
	font-size:15px;
}