html,body{
	height:100%	
}
body{
	margin:0;
	padding:0;
	background:#107AC0 url(../img/bg.jpg) no-repeat;
	background-size:100% auto;
}
.form-control.master-true{
	width:120px;
}
.app{
	height:100%
}
#wrapper{
	width:998px;
	margin:0 auto;
	background:rgba(255,255,255,.96);
	min-height:100%;
	border-left:1px #052A49 solid;
	border-right:1px #052A49 solid
}
#wrapper .inner{
	padding:2% 2%;
	min-height:96%;	
}
nav{
	position:relative	
}
nav span{
	padding:0 12px;
	border-right:1px #333 solid;	
}
nav span.noborder{
	border:none	
}
img.logo{
	height:90px
}
.centered{
	width:360px;
	height:420px;
	position:absolute;
	z-index:2;
	margin:-220px 0 0 -180px;
	left:50%;
	top:50%;
	border:1px #052A49 solid;
	border-radius:8px;
	background:#fbfbfb;
	padding:32px
}
.centered a{
	font-family:Raleway, sans-serif;	
}
p.ok_message{
	width:368px;
	position:absolute;
	z-index:2;
	margin:108px 0 0 234px;
	color:green;
	background:#EAFFEC;
	border-radius:6px;
	padding:8px;
	border:1px #CCDECE solid
}
p.ok_message a:link, p.ok_message a:visited{
	text-decoration:none;
	float:right;
	display:block;
	width:18px;
	height:18px;
	line-height:18px;
	text-shadow:none;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	background:#ACD0B3;
	color:#666;
	border-radius:4px;
	font-size:12px;
	font-weight:normal	
}
p.ok_message a:hover{
	background:green;
	color:white	
}
p.ok_message.meting_message{
	width:278px;
	position:relative;
	float:right;
	padding:1px 1px 1px 6px;
	font-size:12px;
	line-height:18px;
	margin:0;
}
p.error{
	background:#FFE2E1;
	color:red;
	border-radius:6px;
	padding:8px;
}
p.ok{
	background:#E7FFE31;
	color:green;
	border-radius:6px;
	padding:8px;
}
#search{
	position:absolute;
	z-index:1;
	top:106px;
	width:350px;
	background:#fbfbfb
}
a.closeSearch{
	position:absolute;
	z-index:2;
	top:115px;
	left:322px;
	width:18px;
	height:18px;
	background:#ccc;
	color:#999;
	border-radius:9px;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	color:white;
	cursor:default
}
a.closeSearch:hover{
	background:#999	
}
ul.choice{
	position:absolute;
	z-index:0;
	right:0;
	top:100px;
	width:320px;
	margin:0;
	padding:0;
	border-radius:4px;
	list-style:none;
	height:29px;
	font-size:15px;
	border:1px #107AC0 solid;
	font-family:Raleway, sans-serif;
}
ul.choice li{
	display:inline;
	float:left;
	height:27px;
	line-height:27px;
	text-align:center;	
	color:#107AC0;
	box-shadow:1px 0 0 0 #107AC0 inset;
	background-color:white;
	cursor:pointer
}
ul.choice li span{
	border:0	
}
ul.choice li:first-child{
	box-shadow:none	
}
ul.choice li.active-true{
	color:white;
	background-color:#107AC0
}
ul.choice.c_2 li{
	width:50%
}
ul.choice li:first-child{
	border-top-left-radius:3px;	
	border-bottom-left-radius:3px;	
}
ul.choice li:last-child{
	border-top-right-radius:3px;	
	border-bottom-right-radius:3px;	
}
ul.choice li.dis-true{
	background:#fbfbfb;
	color:#ccc
}
input.form-control.number{
	width:100px;
	padding-right:28px;
	padding-left:2px;
	text-align:right;
	display:inline	
}
div.arrow{
	width:28px;
	height:29px;
	position:absolute;
	z-index:2;
	line-height:28px;
	font-size:14px;
	text-align:center;
	font-family:Helvetica, Arial;
	font-size:12px;
	background:#eee;
	margin:3px 0 0 154px;
	cursor:default;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	color:#666;
}
div.arrow:hover{
	background:#ddd;	
}
div.arrow:active{
	background:#ccc	
}
td.master-true div.arrow{
	margin-left:90px;
}
div.plusmin{
	width:20px;
	height:14px;
	position:absolute;
	z-index:2;
	line-height:13px;
	font-size:12px;
	text-align:center;
	font-family:Helvetica, Arial;
	background:#eee;
	margin:3px 0 0 78px;
	cursor:default;
}
.noselect{
	 -webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	-o-user-select: none;
  	user-select: none; 	
}
div.floatinput{
	margin:0 auto;
	width:94px	
}
div.floatinput.left{
	margin:0;
	width:94px	
}
div.totperc{
	margin:0 auto;
	text-align:right;
	padding-right:18px	
}
div.floatinput.perc input.form-control.number{
	padding-right:44px;
}
div.floatinput.perc:before{
	content:'%';
	position:absolute;
	z-index:2;
	margin:7px 0 0 60px	
}
div.plusmin:hover{
	background:#ddd	
}
div.plusmin:active{
	background:#ccc	
}
div.plusmin.plus{
	border-top-right-radius:4px;
}
div.plusmin.min{
	border-bottom-right-radius:4px;
	margin:18px 0 0 78px
}
table.table.wrapped{
	border-collapse:collapse; 
	table-layout:fixed; 
	width:100%;
}
table.table td.wrap {
	word-wrap:break-word;
}
table.table tr th{
	text-align:center;
	font-size:10px;
	vertical-align:middle;
	
}
table.table tr td.unit{
	text-align:center;
}
table.table tr td.desc{
	width:200px;
}
table.table tr td.nr-box{
	width:110px;
}
table.table tr td.nr-box{
	width:110px;
}
table.table tr td.nr{
	line-height:36px;
	font-weight:bold;
	color:#ccc
}
table.table tr td.totperc{
	font-weight:bold;
	text-align:center
}
table.table tr td.add{
	width:26px;
	padding-left:2px;
	padding-right:2px
}
table.table tr td.edit{
	width:72px;
	padding-left:2px;
	padding-right:2px
}
table.table tr td.clc,table.table tr th.clc{
	text-align:right;
	padding-right:2px;
}
table.table tr td.totperc.error-true{
	background:red;
	color:white
}
table.table tr.left th{
	text-align:left;
	font-size:14px
}
ul.auto{
	margin:0;
	padding:0;
	list-style:none;
	width:184px;
	border:1px #ccc solid;
	position:absolute;
	z-index:200;
	margin-top:33px;
	max-height:200px;
	overflow:auto;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background:#fbfbfb;
	display:none
}
ul.auto.show{
	display:block	
}
ul.auto li{
	padding:0 12px;
	line-height:32px;
	border-top:1px #eee solid;
	margin:0;
	font-size:13px
}
ul.auto li:first-child{
	border:none	
}
ul.auto li:hover{
	background:#f4f4f4;	
}
.recept-info{
	font-family:Raleway, sans-serif;
}
.recept-info.t-right{
	text-align:right	
}
.red{
	line-height:100%;
	color:red	
}
h3{
	font-family:Raleway, sans-serif;
	font-size:24px;
	color:#107AC0;	
	font-weight:800;
	text-transform:uppercase
}
h3 span.camel{
	text-transform:capitalize;
	font-weight:normal;
	font-size:16px	
}
.centered h3{
	margin-top:0	
}
#results{
	width:100%;
	height:100%;
	overflow:auto;
	position:absolute;
	z-index:1000;
	left:0;
	top:0;
	background:rgba(255,255,255,.9)	
}
#results .inner{
	margin:24px	
}
table.table.results{
	border-bottom:1px #999 solid;
	border-left:1px #999 solid
}
table.table.results th{
	background-color:purple;
	color:white	
}
table.table.results td{
	border-right:1px #999 solid;
	padding:3px 2px;
	font-size:10px
}
table.table.results.measure td{
	border-right:1px #ccc solid;
	padding:3px 2px;
	font-size:10px
}
table.table.results.measure{
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid	
}
table.table.results td.yellow{
	background-color:yellow;
}
table.table.results td.green{
	background-color:#A7D400;
	color:#000	
}
table.table.results td.purple{
	background-color:purple;
	color:white	
}
table.table.results.measure tr td{
	text-align:center	
}
table.table.results td.blue{
	background-color:#01B0F0;
}
table.results.metingen{
	border:0	
}
table.results.metingen td,table.results.metingen th{
	font-size:14px;
	text-align:left;
	width:25%;
	border-right:0
}
table.results.metingen td.meta{
	vertical-align:middle;
}
.inline_25{
	width:23%;
	display:inline;
	float:left;
	margin-right:2%;
	overflow:auto
}
.inline_30{
	width:30%;
	display:inline;
	float:left;
	margin-right:3%	
}
.inline_50{
	width:50%;
	display:inline;
	float:left;
}
.inline_40{
	width:40%;
	display:inline;
	float:left;
}
.inline_20{
	width:16%;
	display:inline;
	float:left;
	margin:0 2%
}
h3 a.back2list{
	color:#F00;
	text-transform:none;
	font-size:14px;
	float:right;
	padding-right:4px
}
table.laborant{
	width:auto;
	border:1px #ccc solid;
	background:white
}
table.laborant tr th{
	background:#f4f4f4;
	border-top:0;
}
table.laborant tr th:first-child{
	text-align:left;
	font-size:16px;
}
div.flt{
	display:inline;
	float:left;
}
div.flt.right{
	float:right	
}
div.overlay{
	width:100%;
	height:100%;
	background:rgba(2,40,73,.9);
	position:absolute;
	z-index:1	
}
input.entry{
	background:transparent;
	font-size:10px;
	height:16px;
	line-height:14.2px;
	border:0;
	display:block;
	width:100%;	
}
input.entry.large{
	font-size:12px;
	background:rgba(255,255,255,.9);
	font-family:Verdana, Geneva, sans-serif;
	height:25px;
	line-height:25px;
	padding:0
}
input.entry.nr{
	text-align:center	
}
input.no-btn{
	outline: none;	
}
textarea.opmerkingen{
	height:80px;
	width:100%;
	margin:4px 0;
	border:1px #ccc solid;
	border-radius:4px	
}
td.graph{
	width:48%	
}
table.table.results.measure tr td.measure-title{
	font-size:16px;
	text-align:left;
	text-transform:capitalize
}
table.table.results.measure tr td.inp{
	padding:0
}
label{
	font-weight:normal	
}
div.files{
	padding:2%;
	margin:0;
	float:left;
	display:inline;
	width:46%	
}
table.table tr.ar th{
	cursor:default
}

table.table tr th.ar{
	padding-right:10px
}
table.table tr th.current{
	color:#007BBE;
	background:#f4f4f4 url(../img/desc.png) no-repeat center right;
	background-size:16px 10px
}
table.table tr th.current.false{
	background-image:url(../img/asc.png);
}
div.errors{
	width:400px;
	padding:24px 24px 12px 24px;
	border-radius:4px;
	border:2px #AD2A22 solid;
	background:white;
	color:#333;
	position:absolute;
	z-index:1000;
	bottom:40px;
	right:0px;
	text-align:left;
	display:none
}
div.errors.show-true{
	display:block	
}
img.redar{
	position:absolute;
	z-index:1;
	bottom:33px;
	width:8px;
	right:122px;
	display:none
}
img.redar.show-true{
	display:inline	
}
div.errors h5{
	color:#CA3129;
	font-size:14px;
	margin:0;
	padding-bottom:8px
}
div.errors ul{
	margin:0;
	padding:0;
	list-style:none
}
div.errors ul li{
	margin:0 0;
	border-top:1px #eee solid;
	padding:8px 0;
	text-align:left
}
#btn-status{
	border-top-left-radius:4px;	
	border-bottom-left-radius:4px;
	font-weight:bold	
}