body {
	margin:0;
	padding:0;
	font-size:12px;
}
table {
	position: relative;
	z-index:1;
	border:1px;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	border-style: solid;
	border-width: 3px;
}
th {
	font-style:italic;
	border-width: 2px;
	border-color: #BFBFBF;
	border-style: solid;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}

tr.odd {
	background: whitesmoke;
}
tr.even {
	background: white;
}
tr.selected {background-color:yellow;}
.over TD {background-color:yellow;}

td {
	padding-left:5px;
	padding-right:5px;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	border-style: solid;
	border-width: 1px;
}
input, textarea, select{
	border-radius: 6px 6px 6px 6px;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	border-width: 1px;
}
input,textarea, select {
	outline:none;
}
input:focus, textarea:focus {
	border-color:yellow;
	border-style: solid;
	border-width: 3px;
}
input[type="radio"] {
	display:inline-block;
	vertical-align:middle;
}
label {
	vertical-align:bottom;
}
textarea {
 overflow: auto;
}
#news {
	padding: 2px;
	font-size:16px;
	position: fixed;
	top: 5px;
	left: 180px;
	clear:both;
	white-space:nowrap;
	text-align:center;
}
#ftlmenu {
	font-size:16px;
	position: fixed;
	top: 3px;
	left: 785px;
	clear:both;
	white-space:nowrap;
	text-align:center;
}

#nieuws {
	width:500px;
	height:25px;
	font-size:24px;
	font-weight:bold;
	padding: 2px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left:-300px;
	clear:both;
	white-space:nowrap;
	text-align:center;
 	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 	text-shadow: 0.1em 0.1em 0.05em black;
}
.zoekrow {
	padding: 2px;
	font-size:16px;
	position: fixed;
	top: 38px;
	left: 200px;
	clear:both;
	white-space:nowrap;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
	border-style: solid;
	border-width: 1px;
}
.links { text-align:left; white-space:nowrap; }
.rechts, .number { text-align:right; white-space:nowrap; }
.midden { text-align:center; white-space:nowrap; }
.active {background-color:yellow;}
.nowrap {
	white-space:nowrap;
}
.cal {
	font-size:10px;
	height: 200px;
	width: auto;
}
.calc {
	font-size:10px;
	height: 400px;
	width: auto;
	padding:0px;
	margin-left:-10px;
}


.zoeklabel {float: left; width: 60px; white-space:nowrap;}
a {
    text-decoration: none;
    color: #0066CC;
}
#projectlogo {
    background-image: url(/jqui11/ds/images/digiproject.png);
    background-repeat:no-repeat;
    height: 30px;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#servicelogo {
    background-image: url(/jqui11/ds/images/digiservice.png);
    background-repeat:no-repeat;
    height: 30px;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#flowlogo {
    background-image: url(/jqui11/ds/images/digiflow.png);
    background-repeat:no-repeat;
    height: 30px;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#foliologo {
    background-image: url(/jqui11/ds/images/digifolio.png);
    background-repeat:no-repeat;
    height: 30px;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#bcmlogo {
    background-image: url(/jqui11/ds/images/digibcm.png);
    background-repeat:no-repeat;
    height: 30px;
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#digilogo {
    height: 25px;
    width: 160px;
    position: absolute;
    top: 5px;
    left: 5px;
font-size:20px;
text-align:center;
}
#flitsbericht {
    width: 80%;
    position: absolute;
    top: 5px;
    left: 180px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}


#ident {
    width: auto;
    position: absolute;
    top: 40px;
    left: 10px;
    font-size: 85%;
    text-align: left;
}
#info {
    width: 193px;
    position: absolute;
    top: 7px;
    left: 200px;
    font-size: 85%;
    text-align: left;
}


#info strong {
    font-weight: bold;
}

#info span.links {
    display: block;
}

.dataTables_wrapper {margin-left:0px;margin-top:10px;clear:both; z-index:1; }
.row1 {float:left; white-space:nowrap; margin-bottom:3px;}
.row2 {float:left; white-space:nowrap; margin-bottom:3px;}
.label {float: left; width: 200px; white-space:nowrap;}
.label1 {float: left; width: 200px; white-space:nowrap;}
.label2 {float: left;margin-left:30px; margin-right:10px; white-space:nowrap;}
.checksearch {float: left; width: 20px; white-space:nowrap;}
.testvalue {float: left; width: 60px; white-space:nowrap;}
.field {float: left; }

div.row {
	overflow:hidden;
	margin-bottom:3px;
}
div.row label{
	width:200px;
	display:block;
	float:left;
	text-align:left;
}
div.row .input{
	margin-left:4px;
	float:left;
}
div.row .textarea{
	margin:0px;
	float:left;
}

#wrapper {
	padding: 10px;
}
.bd {
	position:float;
	left:-3px;
	right:-3px;
	margin-top: 20px;
}

a:hover {
color: #000000;
}

.primatitle {
display: block;
clear: both;
top:0px; 
width:99%; 
margin-left:3px;
margin-right:3px;
font-size:15px;
text-align:center;
}
.focused {
	border-color:yellow;
}
.tb-icon {
 float:left;
}
.pointer {
 cursor: pointer;
}

a {
 cursor: pointer;
}
#nav, .nav, #nav .nav li { 
	margin:0px; 
	padding: 0 5px 0 0px; 
	font-weight:bold; 
	font-size:13px; 
	line-height:30px; 
	background:#fff;
	position:relative;
	z-index:1000;
}
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:0px 5px 0px 5px; border:1px #ccc solid; position:relative; background:#fff;
z-index:1000;
}
#nav li ul.first {left:-1px; top:100%;}

li, li a {color:#1c94c4; text-decoration:none;}
#nav .nav li { width:100%; text-indent:0px; margin-right:10px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; 
border-left:none; border-right:none; background:#fff;}
#nav li a {display:block; width:inherit; height:30px;;color:#1c94c4; white-space:nowrap; position:relative;
}


ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { color:#e78f08; background:#fdf5ce; z-index:1000;}
li:hover > .nav { display:block; position:absolute; width:200px; top:-2px; left:100%; z-index:1000; border:1px #ccc solid; } 
li:hover { position:relative; z-index:1000;  } 

img.dicon {
 width:16px; height:16px;
 vertical-align:middle;
 display:inline;
 background:url(/jqui11/ds/images/primaicons.png) no-repeat;
 border:none;
 margin:5px;
 background-position: -252px -252px; 
}

img.uicon {
 width:16px; height:16px;
 vertical-align:middle;
 display:inline;
 background-image: url("/jqui11/jqui/images/ui-icons_ef8c08_256x240.png");
 border:none;
 margin:5px;
}


img.icon {
 float:left; width:16px; height:16px;
 background:url(/jqui11/ds/images/primaicons.png) no-repeat;
 border:none;
 margin-left:-10px;
 margin-right:5px;
 background-position: -252px -252px; 
}

img.inline {
 background:url(/jqui11/ds/images/primaicons.png);
 width:16px; height:16px;
 border:none;
 cursor:pointer;
 vertical-align:top;
}
img.sort_both { background-position: -192px -0px; }
img.sort_asc { background-position: -208px -0px; }
img.sort_desc { background-position: -224px -0px; }
img.drag { background-position: -240px -0px; }
img.reload { background-position: -64px -80px; }
img.save { background-position: -208px -192px; }
img.add { background-position: -0px -192px; }
img.delete { background-position: -16px -192px; }
img.close { background-position: -32px -192px; }
img.prevform { background-position: -144px -192px; }
img.prevfunc { background-position: -160px -192px; }
img.lookup { background-position: -176px -176px; }
img.edit { background-position: -64px -112px; }
img.search { background-position: -160px -112px; }
img.bulb { background-position: -128px -128px; }
img.book { background-position: -0px -96px; }
img.work { background-position: -16px -112px; }
img.clock { background-position: -80px -112px; }
img.clean { background-position: -96px -128px; }
img.power { background-position: -0px -176px; }
img.copy { background-position: -144px -176px; }
img.excel { background-position: -128px -176px; }
img.word { background-position: -112px -176px; }
img.star { background-position: -224px -112px; }
img.film { background-position: -224px -128px; }
img.story { background-position: -240px -128px; }
img.config { background-position: -192px -112px; }
img.mail { background-position: -96px -96px; }
img.history { background-position: -224px -128px; }
img.report { background-position: -160px -96px; }
img.people { background-position: -144px -96px; }
img.attach { background-position: -160px -144px; }
img.help { background-position: -48px -144px; }
img.bold { background-position: -160px -160px; }
img.italic { background-position: -176px -160px; }
img.underline { background-position: -192px -160px; }
img.olist { background-position: -224px -144px; }
img.renumber { background-position: -224px -144px; }
img.ulist { background-position: -240px -144px; }
img.setup { background-position: -176px -112px; }
img.firstpage { background-position:  0px -16px; }
img.prevpage { background-position: -16px -16px; }
img.nextpage { background-position: -32px -16px; }
img.lastpage { background-position: -48px -16px; }
img.go { background-position: -64px -0px; }
img.extra { background-position: -64px -0px; }
img.filter { background-position: -80px -0px; }
img.wizard { background-position: -48px -0px; }
img.group { background-position: -96px -0px; }
img.colorwheel { background-position: -112px -0px; }
img.import { background-position: -144px -0px; }
img.export { background-position: -128px -0px; }
img.right { background-position: -48px -192px; }
img.down { background-position: -64px -192px; }
img.left { background-position: -80px -192px; }
img.up { background-position: -96px -192px; }
img.instxt { background-position: -160px -0px; }
img.sendmail { background-position: -176px -0px; }
.ui-button-text {
//	padding: 0em;		// werkt nog niet
}
.ui-resizable-se {
bottom: -5px;
right: -5px;
}
//.ui-resizable-resizing:after {
//content:'';
//position: absolute;
//z-index: 999;
//left:0px;
//top:0px;
//right:0px;
//bottom:0px;
//}

body.mceContentBody, .mce-content-body {
    margin: 4px;
    font-size:12px;
/    font-family: Arial;
} 
.ctop, .cbottom {
    position: absolute;
    left: 0;
    right: 0;
}

.ctop{
    top: 0;
    height: 53px;
}

.cbottom {
    float:left;
    top:54px;
    height:98%;
    overflow:scroll;
}
.css_right { float: right;
		white-space: nowrap;
 }	
.wrapmenu {
	z-index=9999999;
	position:relative;
}
.dropDownMenu a {
	border:1px #bbb solid;
	color:#1c94c4; 
	height:30px;
	padding-right:5px;
}
.dropDownMenu,
.dropDownMenu ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0;
	z-index: 9999999; 
}
.dropDownMenu li {
	position: relative;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
}
.dropDownMenu select,
.dropDownMenu a {
	display: block;
	text-decoration: none;
	width: auto; /* change auto value with 200px if you want a bigger menu */
	color:#1c94c4; text-decoration:none;
	height:30px;
}
.dropDownMenu select {
	height:32px;
	font-weight:bold;
}
.dropDownMenu select:hover,
.dropDownMenu a:hover {
	background:#fdf5ce; 
	color:#e78f08; 
}


/* Level 1 Drop Down Menu */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	margin-left: -4px; /* solve the 4 pixels spacing between list-items */
	z-index: 9999999;
}
.dropDownMenu > li:first-child {
	margin-left: 0;
}
.dropDownMenu > li:first-child > a {
	border-radius: 6px 0px 0px 6px ;
}
.dropDownMenu > li:last-child > a {
	border-radius: 0px 6px 6px 0px ;
}
.dropDownMenu > li >ul >li:last-child > a {
//	border-radius: 0px 0px 6px 6px ;
}
.dropDownMenu > li:only-child > a {
	border-radius: 6px 6px 6px 6px ;
}


.firstitem {
	border-radius: 6px 0px 0px 6px ;
}
.lastitem {
	border-radius: 0px 6px 6px 0px ;
}
.dropDownMenu > li > a:hover {}

/* Level 2 */
.dropDownMenu > li > ul {
	text-align: left;
	width: auto; /* change auto value with 200px if you want a bigger menu */
	white-space:nowrap;
	display: none;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999999; 
}
.dropDownMenu > li:hover > ul {
	display: block;
	color:#e78f08; 
}
.dropDownMenu ul li a {}
.dropDownMenu ul li a:hover {}

/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	display: none;
	background: #fff;
	width: auto; /* change auto value with 200px if you want a bigger menu */
	white-space:nowrap;
	position: absolute;
	left: 80%;
	top: 1px;
	z-index: 9999999;
}
.dropDownMenu > li > ul > li:hover > ul {
	display: block;
	color:#e78f08; 
}
.dropDownMenu ul ul li {}
.dropDownMenu ul ul li a {}
.dropDownMenu ul ul li a:hover {}
.diabox {
	margin:0px;
	padding:0px;
	position:absolute;
	display:table;
	border-color: #eb8f00;
	border-style: solid;
	border-width: 5px;
	z-index:10;
}
.tdiabox {
	background-color:#eb8f00;
	text-align:left;
	display:table-row;
	width:99%;
	height:25px;
	color:white;
	font-size:14px;
	margin:3px;
	overflow:hidden;
}
.cdiabox {
	text-align:center;
	display:table-row;
	width:100%;
	height:100%;
	background-color: white;
	color:black;
}
.wicon {
	top:2px;
	display:inline-block;
	position: absolute;
}

#ldiabox { 
	position:absolute;
	top:1px;
	left:1px;
	width: 2000px; 
	height:1340px; 
	border:1px solid #ccc; 
	padding: 0px;	
	overflow: auto;
}
.diaboxtitle {
	position:absolute;
	top:3px;
	left:5px;
	white-space:nowrap;	
}
#autofilter {
//	overflow:auto;
	position:fixed;
	top:100px;
	left:200px;
	z-index:999;
}
.ui-datepicker{z-index: 9999 !important};
.updated {
	background-color:yellow;
	border-color: yellow;
}

.fas { }

.fa-check-square:before {
  content: "";
 display: inline-block;
 /* setting the checkbox */
    /* short arm */
  width: 5px;
  border-bottom: 3px solid #4D7C2A;
    /* long arm */
  height: 10px;
  border-right: 3px solid #4D7C2A;
  
  /* rotate the mirrored L to make it a checkbox */
  transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.fa-square:before {
  content: "";
 display: inline-block;
      height: 10px;
      width: 8px;
  transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}