/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media screen {
  html, body {
     height: 100vh;
  }
}
/*
html, body{
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  }
*/
body{
	font-family: 			'Roboto', sans-serif !important;
	font-size:				12px;
	background-color:		#ffffff;
	padding:				0px;
	margin:					0px;
	color:					#1369A6;
	-webkit-font-smoothing: antialiased;
}

.mdl-badge[data-badge="0"]{
	display:				none; /*of het moet met visibility*/
}

.cursorNormal{
	cursor: not-allowed !important;
}

.left{
	float:					left  !important;
}

.right{
	float:					right !important;
}
	
.clear{
	clear:					both !important;
}

.click{
	cursor: 				pointer;
}
	
#content{
	width:					100%;
	height:					100%;
	margin-left:			auto;
	margin-right:			auto;
}		



img{
	display:				block;
}

loadimage{
	display:				none;
}

.error{
	display:				none;
	background-color:		#FFB9B9;
	border:					solid 1px #A40000;
	text-align:				center;
	font-size:				0.8em;
	color:					#A40000;
}


.appload{
	position: 				relative;
	top: 					50%;
	transform: 				translateY(-50%);		
	display:				block;
	width:					300px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
	font-size:				1.4em;
	color:					#FF9C00;
}

.padding5{
	padding:				5px;
}

.padding10{
	padding:				10px;
}

.padding15{
	padding:				15px;
}

.padding20{
	padding:				20px;
}

.padding25{
	padding:				25px;
}

.padding30{
	padding:				30px;
}

.padding40{
	padding:				40px;
}



.activeButton{
	background-color:		#FF9C00 !important;
	color:					#ffffff  !important;
}


/** initial setup **/
.nano {
  position : 				relative;
  width    : 				100%;
  height   : 				100%;
  overflow : 				hidden;
}
.nano > .nano-content {
  position      : 			absolute;
  overflow      : 			scroll;
  overflow-x    : 			hidden;
  top           : 			0;
  right         : 			0;
  bottom        : 			0;
  left          : 			0;
}
.nano > .nano-content:focus {
  outline: 					thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: 					none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: 					block;
}
.nano > .nano-pane {
  position   : 				absolute;
  width      : 				10px;
  right      : 				0;
  top        : 				0;
  bottom     : 				0;
  visibility : 				hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 				.01;
  -webkit-transition    : 	.2s;
  -moz-transition       : 	.2s;
  -o-transition         : 	.2s;
  transition            : 	.2s;
  -moz-border-radius    : 	5px;
  -webkit-border-radius : 	5px;
  border-radius         : 	5px;
}
.nano > .nano-pane > .nano-slider {
  background			:	#444;
  background			:	rgba(0,0,0,.5);
  position              :	relative;
  margin                :	0 1px;
  -moz-border-radius    :	3px;
  -webkit-border-radius :	3px;
  border-radius         :	3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility 			: 	visible\9; /* Target only IE7 and IE8 with this hack */
  opacity   			: 	0.99;
}

/*MDL*/

.mdl-button{
	color:				:	red !important;
	background			:	#EBEBEB !important;
}

.mdl-button:hover{
	color:				:	#ffffff !important;
	background			:	#7AB7AF !important;
}

/*elcons*/

#popup_viewicons .html{
	height:				calc(100% - 32px);
}

.melcons{
	width:				100%;
	
}

.melcons .elcons{
	display:			inline-block;
	width:				calc(15% - 20px);
	margin:				0 auto;
	text-align:			center;
	margin:				10px;
	height:				75px;
	position: 			relative;
	
}

.melcons .elcons:hover{
	cursor:				pointer;
	background-color:	rgba(0,0,0,0.1);
}


.melcons .elcons svg{
	max-width:			75px;
	max-height: 		75px;
	position: 			absolute;
	top: 				50%;
    left: 				50%;
    transform: 			translate(-50%, -50%);
	
}


.elcons .st0,.elcons g,.elcons path{
	fill:			#000;
}


.elcons#xp_duits #black_stripe{
	fill:			black;
}

.elcons#xp_duits #red_stripe{
	fill:			red;
}

.elcons#xp_duits #gold_stripe{
	fill:			gold;
}

.elcons#xp_engels .st0{
	fill:			white;
}

.elcons#xp_engels .st1{
	fill:			#C3102D;
}

.elcons#xp_engels .st2{
	fill:			#012066;
}

.elcons#xp_frans .st0{
	fill:			#002291;
}

.elcons#xp_frans .st1{
	fill:			white;
}

.elcons#xp_frans .st2{
	fill:			#E72837;
}

.elcons#xp_nederlands .st0{
	fill:			#002291;
}

.elcons#xp_nederlands .st1{
	fill:			white;
}

.elcons#xp_nederlands .st2{
	fill:			#E72837;
}


#fileViewerOverlay{
	position:			fixed;
	z-index:			998;
	width:				100%;
	height:				100%;
	top:				0px;
	left:				0px;
	background-color: 	rgba(0,0,0,0.8);
}

#fileViewerOverlay iframe{
	width:				100%;
	height:				calc(100% - 40px);
	border:				none;

}

#fileViewerOverlay .viewBar{
	width:				100%;
	height:				40px;
	background-color:	#000000;
	color:				#ffffff;
}

#fileViewerOverlay .viewBar .title{
	display:			inline-block;
	height:				40px;
	line-height:		40px;
	padding-left:		10px;
}

#fileViewerOverlay .viewBar .btn,
#fileViewerOverlay .viewBar .btn span{
	width:				39px;
	height:				40px;
	line-height:		40px;
	text-align:			center;
}
#fileViewerOverlay .viewBar .btn{
	border-left:		solid 1px rgba(255,255,255,0.6);	
}

#popup_fileViewerAnnotations textarea{
	width:				calc(100% - 10px);
	height:				calc(100% - 10px);
	border:				none;

}

/* *, *::after, *::before {
	overscroll-behavior: none;
} */


/* @media (prefers-color-scheme: dark) {
 

	.elcons .st0, .elcons g, .elcons path{
		fill: rgb(255 255 255 / 87%);
	}
} */