div.view{
	width: 100%;
	display: flex;
	display: -ms-flexbox;
}
div.rows{
	flex:1;
	background-color: #555;
	-ms-flex:1;
}
div.pane{
	width:230px;
	background-color:#333;
	color: #FFF;
	min-height: 500px;
	height: flex;
	height: -ms-flex;
	border-left:4px solid #333;
	text-align: center;
}
div#nope{
	flex:none;
	-ms-flex:none;
	width:150px;
}
table#data{
	border-collapse: collapse;
	width: 100%;
	font-weight: bold;
}
table#data tr:nth-child(odd){
	background-color: #C9C9C9;
}
table#data tr:nth-child(even){
	background-color: #D9D9D9;
}
th{
	padding: 6px;
	font-size: 14px;
	background-color: #333;
	color: #FFF;
/* 	border: 1px solid #333; */
}
th.date{
	width: 60px;
}
th.zone{
	width: 120px;
}
th.art{
	width: 60px;
}
th.loc{
	width: 80px;
}
th.error{
	width: 220px;
}
th.desc{
	width: initial;
}
th.state{
	width: 100px;
}
td{
	padding: 5px;
	text-align: center;
/* 	border: 1px solid #333; */
	vertical-align: middle;
}
tr{
 	border: 1px solid #333;
	font-size: 12px;

}
tr.r0, tr.r1{
	color: #C33;
}
tr.r2{
	color: green;
}
tr.r3{
	color: black;
}
table#data tr:hover{
	background-color: #999;
	cursor: pointer;
}

/* Popup */

div.window{
	display: none;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	cursor: pointer;
}
div.popup{
	display: none;
	margin-left: 50%;
	position: absolute;
	top: 50px;
	left: -402px;
	width: 840px;
	height: 730px;
	background-color: #BCBCBC;
	border: 2px solid #333;
}
h2{
	border: 1px dotted #333;
	border-bottom: 0px;
	margin: 0px;
	padding: 14px;
	text-align: left;
}
button.afwerken{
	float: right;
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 14px;
	padding: 10px;
}
a.menu{
	color: #FFF;
	text-decoration: none;	
}
a.menu:hover{
	color: #CCC;
}