@charset "UTF-8";
/* CSS Document */
* { padding:0px; margin:0px;}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.3; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
	font-size: 12px;
	color: #8fb922;
}

.screen, .hide {
	display:block;
}
.small {
	display:none;
}

.tooltip {
    position: relative;
    display: inline-block;
	cursor: pointer;
	z-index: 0;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
	height: 150px;
	overflow-y: scroll;
    background:#342e2e;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
    padding: 25px;
	
    /* Position the tooltip */
    position: absolute;
	left: 300px;
	top: -100px;
    z-index: 10;
	line-height: 20px;
}

.tip:hover .tooltip .tooltiptext {
    visibility: visible;
}

.invoice_tooltip {
    position: relative;
    display: inline-block;
	cursor: pointer;
	z-index: 0;
}

.invoice_tooltip .invoice_tooltiptext {
    visibility: hidden;
    width: 400px;
	height: auto;
	overflow-y: scroll;
    background:#342e2e;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
    padding: 25px;
	
    /* Position the tooltip */
    position: absolute;
	left: -500px;
	top: 0px;
    z-index: 10;
	line-height: 20px;
}

.tip:hover .invoice_tooltip .invoice_tooltiptext {
    visibility: visible;
}


.alertcontainer {
	width:510px;
	max-width:510px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.closealert {
	width:33px;
	height:33px;
	display:block;
	position:relative;
	right:0px;
	margin-top:30px;
}
.alerts {
	width:510px;
	height:auto;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-52px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding:30px;
	padding-bottom:24px;
}
.alert {
	width:28px;
	padding-right:30px;
}
.alert h3 {
	color:#fff;
	font-size:28px;
	text-align:center;
}
.melding {
	width:452px;
}
.melding h3 {
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:18px;
	text-align:left;
}
.melding p {
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:13px;
	text-align:left;
	line-height:32px;
}
.melding .closealert p {
	text-align:center;
	line-height:33px;
}
.melding .closealert p a {
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:33px;
	opacity:0.5;
	cursor:pointer;
}
.melding .closealert p a:hover {
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:33px;
	opacity:1;
}


html {
  height: 100%;
  background:#fcfcfc;
}
body {
	height:100%;
	margin: 0;
}

#login {
	width:228px;
	height:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#box {
	width:228px;
	height:360px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-185px; 
}
#logo {
	width:228px;
	height:auto;
	display:block;
}
#input {
	width:228px;
	height:196px;
	display:block;
}
#input .loginrow {
	width:228px;
	height:52px;
	display:block;
	border-bottom: 1px solid #4e4e4e;
}
#input .loginrow .ico {
	width:24px;
	height:52px;
	display:block;
	float:left;
	padding-left:11px;
	line-height:52px;
	color:#7b7b7b;
}
#input .loginrow .ico svg {
	color:#7b7b7b;
	font-size: 14px;
}

#input .loginrow .logininput {
	width:179px;
	display: block;
	padding:0;
	height: 52px;
	border:none;
	background:none;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 14px;
	color:#b0b8c3;
	float:left;
	text-align:left;
	outline-width: 0;
}
#input .loginrow .logininput:-webkit-autofill,
#input .loginrow .logininput:-webkit-autofill:hover, 
#input .loginrow .logininput:-webkit-autofill:focus, 
#input .loginrow .logininput:-webkit-autofill:active{
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 14px;
	color:#b0b8c3;
	-webkit-text-fill-color:#b0b8c3 !important;
    -webkit-box-shadow: 0 0 0 30px #342e2e inset !important;
}

#input .loginsubmit {
	width:100%;
	height:43px;
	outline:none;
	cursor:pointer;
	border: none;
	background:#cc322a;
	display:block;
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:42px;
	transition: all .3s ease;
	text-transform: uppercase;
}
#input .loginsubmit:hover {background:rgba(204,50,42,.6);}
#input .loginsubmit:active {background:rgba(204,50,42,.6);}



/*SIDEBAR */
#showhide {
	width:25px;
	height:50px;
	display:block;
	position:fixed;
	top:50%;
	left:180px;
	margin-top:-25px;
	background:#9f9f9f;
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	z-index:1800;
}
#showhide:hover {
	background:#727272;
}



#container {
	position: relative;
	width: 100%;
	height: 100%;
}
#container:before,
#container:after {
  content: " ";
  display: table;
}
#container:after {
  clear: both;
}
#container > aside {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:220px;
	z-index:10;
	background:#342e2e;
}
#container > .content {
	min-width:924px;
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */ 
	height: 100%;
	z-index: 11;
	margin-left: 220px;
}
@media only screen and (min-width: 220px) {
  body {
    min-height: 100%;
  }
  #container > aside {
    position: fixed;
    z-index: 501;
  }
  #container > .content {
    margin-left: 220px;
  }
}
.sidebar {
  height: 100%;
  overflow-y: auto;
}	

	.user {
		width:220px;
		height:182px;
		border-bottom:1px solid #262221;
		display:block;
	}
	
	.userpic {
		width:100px;
		height:100px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.userpic img {
		width:100px;
		height:100px;
	}
	
	.user p {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:11px;
		color:#cc322a;
		text-align:center;
		line-height:21px;
	}
	
	.user p strong {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:15px;
		color:#d1d1d1;
		text-align:center;
	}
	
	.nav {
		width:220px;
		height:auto;
		display:block;
	}
	
	.admin {
		width:220px;
		height:auto;
		display:block;
		
	}	
	.admin:last-child {
		width:220px;
		height:auto;
		display:block;
		
		border-bottom:none;
	}

		.nav li, .admin li {
			list-style:none;
		}
		
		.instellingen {
			display:none;
			background:#262221;
		}
		
		.nav .link a, .admin li a, .admin .dropdown {
			width:195px;
			height:60px;
			display:block;
			border-left:3px solid #342e2e;
			padding-left:22px;
			color:#d1d1d1;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:60px;
			cursor:pointer;
			transition: all .3s ease;
		}
		.nav .link a i, .admin li a i, .admin .dropdown i {
			margin-right:14px;
		}		
		
		.active {
			width:195px;
			height:60px;
			display:block;
			border-left:3px solid #cc322a;
			padding-left:22px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:60px;
			background:#262221;
		}
		
		.active i {
			margin-right:14px;
		}
		
		.admin .dropdown-a {
			width:195px;
			height:60px;
			display:block;
			border-left:3px solid #cc322a;
			padding-left:22px;
			color:#d1d1d1;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:60px;
			cursor:pointer;
			background:#262221;
		}
		.admin .dropdown-a i {
			margin-right:14px;
		}
		
		
		.instellingen .active {
			width:195px;
			height:40px;
			display:block;
			border-left:3px solid #cc322a;
			padding-left:22px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:40px;
			background:#262221;
		}
		
		.instellingen i {
			color:#262221;
		}
		.instellingen .link a {
			width:195px;
			height:40px;
			display:block;
			border-left:3px solid #262221;
			padding-left:22px;
			color:#d1d1d1;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:40px;
			cursor:pointer;
			transition: all .3s ease;
		}
		.instellingen .link a i {
			margin-right:14px;
		}	
		
		.active-a {
			padding-left:0px;
		}
		.active-a a {
			width:195px;
			height:60px;
			display:block;
			border-left:3px solid #909090;
			padding-left:22px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:60px;
			background:#262221;
		}
		.active-a a i {
			margin-right:14px;
		}
		
		.instellingen .active-a {
			padding-left:0px;
		}
		.instellingen .active-a a {
			width:195px;
			height:40px;
			display:block;
			border-left:3px solid #909090;
			padding-left:22px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:12px;
			text-decoration:none;
			line-height:40px;
			background:#262221;
		}
		.instellingen .active-a a i {
			color:#262221;
		}
		
		.nav .link a:hover, .admin li a:hover, .active-a a:hover, .admin .dropdown:hover, .admin .dropdown-a:hover {
			width:195px;
			height:60px;
			display:block;
			border-left:3px solid #cc322a;
			background:#262221;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
		}
		
		.instellingen .link a:hover, .instellingen .active-a a:hover {
			width:195px;
			height:40px;
			display:block;
			border-left:3px solid #cc322a;
			background:#262221;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
		}
		
		.numbers { 
			width:auto;
			height:20px;
			display:block;
			padding-left:8px;
			padding-right:8px;
			float:right;
			margin-right:20px;
			background:#cc322a;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:10px;
			text-decoration:none;
			line-height:20px;
			margin-top:20px;
		}
		
		.numbers_active { 
			width:auto;
			height:20px;
			display:block;
			padding-left:8px;
			padding-right:8px;
			float:right;
			margin-right:20px;
			background:#cc322a;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:10px;
			text-decoration:none;
			line-height:20px;
			margin-top:20px;
		}

		.instellingen .numbers { 
			width:auto;
			height:18px;
			display:block;
			padding-left:7px;
			padding-right:7px;
			float:right;
			margin-right:20px;
			background:#b11730;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:10px;
			text-decoration:none;
			line-height:18px;
			margin-top:11px;
		}
		.instellingen .numbers_active { 
			width:auto;
			height:18px;
			display:block;
			padding-left:7px;
			padding-right:7px;
			float:right;
			margin-right:20px;
			background:#cc322a;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color:#fff;
			font-family: 'Ubuntu', sans-serif;
			font-weight:300;
			font-size:10px;
			text-decoration:none;
			line-height:18px;
			margin-top:11px;
		}

	.form {
		width: -moz-calc(100% - 100px);width: -webkit-calc(100% - 100px);width: -o-calc(100% - 100px);width: calc(100% - 100px); 
		margin-left:50px;
		margin-right:50px;
		margin-top:16px;
		padding-bottom:35px;
		height: 100%;
		display:block;
		float:left;
	}
	
	.formnav {
		width:100%;
		height:55px;
		border-bottom:2px solid #ebeef0;
		margin-bottom:49px;
	}
	
	.formnav li {
		list-style:none;
		float:left;
		margin-right:25px;
		height:26px;
		margin-top:29px;
		display:block;
	}
	
	.formnav li a {
		color: #878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:0px;
		height:26px;
		text-decoration:none;
		display:block;
	}
	.formnav li a i {
		font-size:13px;
		line-height:0px;
		height:26px;
	}
	.formnav li a:hover {
		color:#cc322a;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:0px;
		height:26px;
		text-decoration:none;
		border-bottom:2px solid #cc322a;
		display:block;
	}
	.formnavactive {
		color:#cc322a;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:0px;
		height:26px;
		text-decoration:none;
		border-bottom:2px solid #cc322a;
		display:block;
	}
	
	.form h1 {
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:20px;
		line-height:20px;
		text-align:left;
		border-bottom:1px solid #dee2e5;
		width:100%;
		padding-bottom:26px;
		float:left;
	}
	.form .tr {
		width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40px);width: -o-calc(100% - 40px);width: calc(100% - 40px); 
		background: #342e2e;
		padding: 20px;
		padding-top: 21px;
		color: #fff;
		border-bottom: none;
	}
	.formrow {
		width:100%;
		margin-top:50px;
		padding-bottom:21px;
		float:left;
		clear:both;
		border-bottom:dashed 1px #dee2e5;
	}
	.formrow:last-child {
		border-bottom:none;
	}
	.formrow p {
		color: #878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		margin-bottom:7px;
		margin-top:-4px;
		text-decoration:none;
		display:block;
	}
	#big .formrow p {
		color: #878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		margin-bottom:12px;
		margin-top:-4px;
		text-decoration:none;
		display:block;
	}
	.formrow .grade {
		color: #878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:26px;
		text-decoration:none;
	}
	.formrow h2 {
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:18px;
		line-height:26px;
		text-align:left;
		margin-bottom:18px;
	}
	.formrow h3 {
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:26px;
		text-align:left;
		margin-bottom:18px;
		float:left;
	}
	.formrow h4 {
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:26px;
		text-align:right;
		margin-bottom:18px;
		float:right;
	}
	.formrow h5 {
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:20px;
		text-align:left;
	}
	.klantselect {
		width: -moz-calc(100% - 199px);width: -webkit-calc(100% - 199px);width: -o-calc(100% - 199px);width: calc(100% - 199px); 
		float:left;
	}
	
	.add a {
		width:169px;
		height:43px;
		margin-left:30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:44px;
		text-align:center;
		text-decoration:none;
		float:right;
	}
	.add a:hover {
		width:169px;
		height:43px;
		margin-left:30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		line-height:44px;
		text-align:center;
		text-decoration:none;
		float:right;
	}
	
	.row {
		width:100%;
		min-height:43px;
		float:left;
		clear:both;
	}
	.row:last-child {
		width:100%;
		min-height:43px;
		margin-bottom:0px;
	}
	
	.formrow .titles {width:100%;height:30px;margin-top:20px;float:left;clear:both;}
	.formrow .titles:first-child {width:100%;height:30px;margin-top:0px;float:left;clear:both;}
	
	.tagtitle {
		float:left;
		width: 90px;
	}
	.tagitems {
		width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);width: -o-calc(100% - 90px);width: calc(100% - 90px);
		float:left;
	}

	.rowradios {
		width:100%;
		min-height:52px;
		margin-bottom:20px;
	}
	.rowgenders {
		width:100%;
		min-height:40px;
		margin-bottom:33px;
		margin-top:-13px;
	}
	.rowtext {
		width:100%;
		min-height:52px;
		margin-top:9px;
		padding-bottom:9px;
		float:left;
		clear:both;
	}
	.col100 {
		width:100%;
		float:left;
		margin-bottom:29px;
	}
	.col90 {
		width: -moz-calc(100% - 144px);width: -webkit-calc(100% - 144px);width: -o-calc(100% - 144px);width: calc(100% - 144px);
		float:left;
		margin-right:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col12 {
		width: -moz-calc(8.33% - 27.5px);width: -webkit-calc(8.33% - 27.5px);width: -o-calc(8.33% - 27.5px);width: calc(8.33% - 27.5px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col {
		width: -moz-calc(50% - 15px);width: -webkit-calc(50% - 15px);width: -o-calc(50% - 15px);width: calc(50% - 15px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col3 {
		width: -moz-calc(33.33% - 20px);width: -webkit-calc(33.33% - 20px);width: -o-calc(33.33% - 20px);width: calc(33.33% - 20px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col25 {
		width: -moz-calc(25% - 22.5px);width: -webkit-calc(25% - 22.5px);width: -o-calc(25% - 22.5px);width: calc(25% - 22.5px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col5 {
		width: -moz-calc(20% - 24px);width: -webkit-calc(20% - 24px);width: -o-calc(20% - 24px);width: calc(20% - 24px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col6 {
		width: -moz-calc(16.667% - 25px);width: -webkit-calc(16.667% - 25px);width: -o-calc(16.667% - 25px);width: calc(16.667% - 25px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col:first-child, .col3:first-child, .col5:first-child, .col12:first-child, .col25:first-child, .col6:first-child {
		margin-left:0px;
	}
	.colstreet {
		width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);width: -o-calc(100% - 130px);width: calc(100% - 130px);
		float:left;
		min-height:43px;
		margin-bottom:29px;
	}
	.colstreetvenue {
		width: -moz-calc(100% - 274px);width: -webkit-calc(100% - 274px);width: -o-calc(100% - 274px);width: calc(100% - 274px);
		float:left;
		margin-right:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.colnumber {
		width:100px;
		float:left;
		margin-right:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.colpostcode {
		width:114px;
		float:left;
		margin-right:0px;
		min-height:43px;
		margin-bottom:29px;
	}
	.col4 {
		width: -moz-calc(50% - 87px);width: -webkit-calc(50% - 87px);width: -o-calc(50% - 87px);width: calc(50% - 87px);
		float:left;
		margin-left:30px;
		min-height:43px;
		margin-bottom:29px;
	}
	.colvillage {
		width: -moz-calc(100% - 144px);width: -webkit-calc(100% - 144px);width: -o-calc(100% - 144px);width: calc(100% - 144px);
		float:left;
		min-height:43px;
		margin-bottom:29px;
	}
	
	.pricecols {
		width: -moz-calc(50% - 68px);width: -webkit-calc(50% - 68px);width: -o-calc(50% - 68px);width: calc(50% - 68px);
		float:left;
	}

	.colW70-top {
		width:100px;
		float:left;
		margin-right:20px;
	}
	.colW150-top {
		width:150px;
		float:left;
	}
	.colW100-top {
		width: -moz-calc(100% - 770px);width: -webkit-calc(100% - 770px);width: -o-calc(100% - 770px);width: calc(100% - 770px);
		float:left;
		margin-right:20px;
	}
	
	.colW70 {
		width:100px;
		float:left;
		margin-right:20px;
		min-height:38px;
		margin-bottom:29px;
	}
	.colW30 {
		width:30px;
		float:left;
		min-height:38px;
		margin-bottom:29px;
	}
	.colW150 {
		width:150px;
		float:left;
		min-height:38px;
		margin-bottom:29px;
	}
	.colW100 {
		width: -moz-calc(100% - 750px);width: -webkit-calc(100% - 770px);width: -o-calc(100% - 770px);width: calc(100% - 770px);
		float:left;
		margin-right:20px;
		min-height:38px;
		margin-bottom:29px;
	}
	.colW130 {
		width: -moz-calc(100% - 730px);width: -webkit-calc(100% - 730px);width: -o-calc(100% - 730px);width: calc(100% - 730px);
		float:left;
		margin-right:30px;
		min-height:38px;
		margin-bottom:29px;
	}
	
	.textfield {
		width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40);width: -o-calc(100% - 40px);width: calc(100% - 40px);
		display: block;
		padding: 20px;
		height: 151px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
		resize:none;
	}
	.textfield:hover {
		border: 1px solid #cc322a;
	}
	.textfield:focus {
		border: 1px solid #cc322a;
	} 
	
	.textfield_invoice {
		width: -moz-calc(100% - 42px);width: -webkit-calc(100% - 42px);width: -o-calc(100% - 42px);width: calc(100% - 42px);
		display: block;
		padding: 20px;
		padding-top:13px;
		padding-bottom:13px;
		height: 32px;
		min-height: 32px;
		max-height:65px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
		resize:vertical;
	}
	.textfield_invoice:hover {
		border: 1px solid #cc322a;
	}
	.textfield_invoice:focus {
		border: 1px solid #cc322a;
	} 

	
	.textarea {
		width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40);width: -o-calc(100% - 40px);width: calc(100% - 40px);
		display: block;
		padding: 20px;
		height: 60px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
		resize:none;
	}
	
	.datefield {
		width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40px);width: -o-calc(100% - 40px);width: calc(100% - 40px);
		display: block;
		padding: 0 20px 0 20px;
		height: 41px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
		line-height:41px;	
	}
	.datefield .daymonth {
		width:25px;
		height: 41px;
		border: none;
		background-color: none;
		box-shadow: none;
		text-decoration: none;
		text-align:center;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
	}
	.datefield .year {
		width:40px;
		height: 41px;
		border: none;
		background-color: none;
		box-shadow: none;
		text-decoration: none;
		text-align:center;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
		color:#878787;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:#878787;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:#878787;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:#878787;
	}
	
	.file {
		display:none;
		width: -moz-calc(100% - 101px);width: -webkit-calc(100% - 101px);width: -o-calc(100% - 101px);width: calc(100% - 101px);
		padding: 0 79px 0 20px;
		height: 41px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 12px;
		color:#878787;
		outline-width: 0;
		line-height:41px;
	}
	.file:focus {
		border: 1px solid #b01f21;
	}
	.file:hover {
		border: 1px solid #b01f21;
	}
	
	.inputs {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
		width: -moz-calc(100% - 42px);width: -webkit-calc(100% - 42px);width: -o-calc(100% - 42px);width: calc(100% - 42px);
		display: block;
		padding: 0 20px 0 20px;
		height: 41px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
	}
	.inputs:hover {
		border: 1px solid #cc322a;
	}
	#big .inputs {
		width: -moz-calc(100% - 42px);width: -webkit-calc(100% - 42px);width: -o-calc(100% - 42px);width: calc(100% - 42px);
		display: block;
		padding: 0 20px 0 20px;
		height: 63px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 16px;
		color:#878787;
		outline-width: 0;
	}
	#big .inputs:hover {
		border: 1px solid #cc322a;
	}
	.input {
		width: -moz-calc(100% - 103px);width: -webkit-calc(100% - 103px);width: -o-calc(100% - 103px);width: calc(100% - 103px);
		display: block;
		padding: 0 79px 0 20px;
		height: 41px;
		border: 1px solid #dedede;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
	}
	.input:hover {
		border: 1px solid #cc322a;
	}
	
	.input[type="text"]:disabled {
		opacity: 0.8 !important;
		border: 1px solid #dedede;
	}
	
	.submitdis {
		width:auto;
		height:43px;
		outline:none;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#dedede;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
	}
	.submit {
		width:auto;
		height:43px;
		outline:none;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
	}
	.submit:last-child { margin-right: 0; }
	.submit:hover {background:#cc322a;}
	.submit:active {background:#cc322a;}

	.submitwhite {
		width:auto;
		height:43px;
		outline:none;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#fff;
		display:block;
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
	}
	.submitwhite:hover {background:#878787; color:#fff;}
	.submitwhite:active {background:#878787;color:#fff;}
	
	#big .submit {
		width:auto;
		height:65px;
		outline:none;
		cursor:pointer;
		padding-left:28px;
		padding-right:28px;
		border: none;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		text-align:center;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		float:left;
		margin-right:11px;
	}
	#big .submit:hover {background:#cc322a;}
	
	.download {
		width:auto;
		height:auto;
		outline:none;
		cursor:pointer;
		border: none;
		background:url(../../images/trans.png);
		display:block;
		color:#cc322a;
		font-size:13px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	.download_dis {
		width:auto;
		height:auto;
		outline:none;
		cursor:pointer;
		border: none;
		background:url(../../images/trans.png);
		display:block;
		color:#dedede;
		font-size:13px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	.submitadd {
		width:auto;
		height:39px;
		outline:none;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:1px;
		border: none;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:17px;
	}
	.submitadd:hover {background:#cc322a;}
	.submitadd:active {background:#cc322a;}
	
	.buttonred {
		width:auto;
		height:42px;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		padding-top:1px;
		border: none;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
		line-height:42px;
		text-decoration:none;
	}
	.buttonred:hover {
		background:#cc322a;
	}

	.buttonwhite {
		width:auto;
		height:42px;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		padding-top:1px;
		border: none;
		background:#fff;
		display:block;
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
		line-height:42px;
		text-decoration:none;
	}
	.buttonwhite:hover {
		background:#878787;
		color:#fff;
	}

	#big .buttonred {
		width:auto;
		height:64px;
		cursor:pointer;
		padding-left:30px;
		padding-right:30px;
		padding-top:1px;
		border: none;
		background:#cc322a;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:16px;
		text-align:center;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		float:left;
		margin-right:11px;
		line-height:63px;
		text-decoration:none;
	}
	#big .buttonred:hover {
		background:#cc322a;
	}

	.buttondis {
		width:auto;
		height:42px;
		padding-left:20px;
		padding-right:20px;
		padding-top:1px;
		border: none;
		background:#dedede;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
		line-height:42px;
		text-decoration:none;
	}
	
	.buttons {
		width:auto;
		height:39px;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#a7a9ac;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		line-height:39px;
		text-decoration:none;
	}
	.buttons:hover {
		background:#9a9a9a;
	}
	
	.buttonsDis {
		width:auto;
		height:39px;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#dedede;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		line-height:39px;
		text-decoration:none;
	}
	
	.schedules {
		width:100%;
		height:110px;
		border: 1px solid #dedede;
		background:#fff;
		display:table;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration:none;
	}
	
	.schedules_numbers { 
		width:auto;
		height:20px;
		display:block;
		padding-left:8px;
		padding-right:8px;
		float:left;
		margin-right:10px;
		background:#cc322a;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:10px;
		text-decoration:none;
		line-height:20px;
		margin-bottom:10px;
	}
	
	.merge_tags { 
		width:auto;
		height:22px;
		display:block;
		padding-left:8px;
		padding-right:8px;
		float:left;
		margin-right:10px;
		background:#cc322a;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:12px;
		text-decoration:none;
		line-height:22px;
		margin-bottom:10px;
		cursor:pointer;
	}
	
	.gradebook {
		width:100%;
		height:70px;
		border: 1px solid #dedede;
		background:#fff;
		display:table;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration:none;
	}
	.gradebook:hover {
		border: 1px solid #cc322a;
		background:#f5eeed;
	}
	
	.gradebook .vmiddle { 
		display:table-cell;
		vertical-align:middle; 
	}
	
	.gradebook .vmiddle .vinner { 
		margin-left:auto;
		margin-right:auto;
		width:90%;
		color:#878787;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:12px;
		line-height:18px;
		text-align:center;
		display:block; 
	}
	
	.gradebook:hover .vmiddle .vinner {
		color:#cc322a;
	}
	
	.buttoncontainer {
		width:100%;
		height:39px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-top:31px;
		overflow:hidden;
	}
	.outer {position: relative;left: 50%;float: left;}
	.inner {position: relative;left: -50%;float: left;}
	
	.delete {
		width:auto;
		height:43px;
		outline:none;
		cursor:pointer;
		padding-left:20px;
		padding-right:20px;
		border: none;
		background:#c74646;
		display:block;
		color:#fff;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size:13px;
		text-align:center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		margin-right:11px;
	}
	.delete:hover {background:#b83636;}
	.delete:active {background:#b83636;}
	
	.aantal {
		width:74px;
		height:41px;
		display:block;
		float:left;
		margin-left:30px;
		margin-right:30px;	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #dedede;
	}
	.aantal:hover {
		width:74px;
		height:41px;
		display:block;
		float:left;
		margin-left:30px;
		margin-right:30px;	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #cc322a;
	}
	
	.up {
		width:26px;
		height:20px;
		border-bottom: 1px solid #dedede;
		border-left: 1px solid #dedede;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-top-right-radius: 3px;
		display:block;
		background:url(../../images/up.png) #fff;
		cursor:pointer;
		float:left;
		font-size:0px;
		color:#fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 user-select: none;
	}
	.down {
		width:26px;
		height:20px;
		border-top: 1px solid #dedede;
		border-left: 1px solid #dedede;
		margin-top:-1px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
		display:block;
		background:url(../../images/down.png) #fff;
		cursor:pointer;
		float:left;
		font-size:0px;
		color:#fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 user-select: none;
	}
	.up:hover {
		width:26px;
		height:20px;
		border-bottom: 1px solid #dedede;
		border-left: 1px solid #dedede;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-top-right-radius: 3px;
		display:block;
		background:url(../../images/uph.png) #fff;
		cursor:pointer;
		float:left;
		font-size:0px;
		color:#fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 user-select: none;
	}
	.down:hover {
		width:26px;
		height:20px;
		border-top: 1px solid #dedede;
		border-left: 1px solid #dedede;
		margin-top:-1px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
		display:block;
		background:url(../../images/downh.png) #fff;
		cursor:pointer;
		float:left;
		font-size:0px;
		color:#fff;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		 user-select: none;
	}
	.inputspinner {
		width:46px;
		display: block;
		padding:0px;
		height: 41px;
		border:none;
		background-color: #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#b6c3ce;
		float:left;
		text-align:center;
		outline-width: 0;
	}
	.inputcurrency {
		width: -moz-calc(100% - 101px);width: -webkit-calc(100% - 101px);width: -o-calc(100% - 101px);width: calc(100% - 101px);
		display: block;
		padding: 0 79px 0 20px;
		height: 41px;
		border: 1px solid #dedede;
		background:url(../../images/euro.png) right center no-repeat #fff;
		box-shadow: none;
		text-decoration: none;
		white-space: nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
		outline-width: 0;
	}
	.aantal:focus{
		border: 1px solid #cc322a;
	}
	.inputcurrency:focus {
		border: 1px solid #cc322a;
	} 
	.inputcurrency:hover {
		border: 1px solid #cc322a;
	}
	.toevoegen {
		width:93px;
		height:31px;
		border-left: solid 1px #dedede;
		display:block;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 12px;
		color:#878787;
		line-height:30px;
		text-align:center;
		text-decoration:none;
		position:relative;
		right:6px;
		top:6px;
		z-index:500;	
		float:right;
		margin-bottom:-31px;
	}
	
	.toevoegen:hover {
		width:93px;
		height:31px;
		border-left: solid 1px #cc322a;
		display:block;
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 12px;
		color:#cc322a;
		line-height:31px;
		text-align:center;
		text-decoration:none;
		position:relative;
		right:6px;
		top:6px;
		z-index:1020;	
		float:right;
	}
	
	.radios {
		width:auto;
		margin-top:6px;
		margin-bottom:6px;
		margin-right:20px;
		display:inline-block;
	}
	.radios:last-child {
		width:auto;
		margin-top:6px;
		margin-bottom:6px;
		margin-right:0px;
		display:inline-block;
	}
	
	input[type="radio"] {
		display:none;
	}
	
	input[type="radio"] + label span {
		display:inline-block;
		width:21px;
		height:21px;
		margin:0;
		margin-right:9px;
    	vertical-align:middle;
		background:url(../../images/radio.png) left top no-repeat;
		cursor:pointer;
	}
	
	input[type="radio"] + label {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color: #878787;
	}
	
	
	input[type="radio"]:checked + label span {
		background:url(../../images/radio.png) -47px top no-repeat;
		color: #878787;
	}
	
	input[type="radio"]:checked + label {
		color: #878787;
	}
	
	.rowchecks {
		width:100%;
		min-height:29px;
		margin-bottom:50px;
	}
	
	.checkbox {
		width:80px;
		float:left;
		margin-left:20px;
	}
	
	
	input[type="checkbox"] {
		display:none;
	}
	
	input[type="checkbox"] + label span {
		display:inline-block;
		width:12px;
		height:12px;
		margin:2px 6px 0px 0;
		vertical-align:middle;
		border: 1px solid #dedede;
		background:#fff;
		cursor:pointer;
	}
	
	input[type="checkbox"] + label {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#878787;
	}
	
	input[type="checkbox"]:checked + label span {
		background:url(../../images/checka.png) left no-repeat #cc322a;
		background-size:12px 12px;
		border: 1px solid #cc322a;
	}
	
	input[type="checkbox"]:checked + label {
		color:#cc322a;
	}
	
	input[type="checkbox"]:disabled + label span {
		display:inline-block;
		width:12px;
		height:12px;
		margin:-2px 9px 0 0;
    	vertical-align:middle;
		background:url(../../images/checka.png) left no-repeat #ededed;
		border: 1px solid #ededed;
		opacity:0.5;
		cursor:default;
	}
	
	.radio-error {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#c74646;
		float:left;
		line-height:42px;
	}
	
nav {
	width:100%;
	height:70px;
	display:block;
	background:#e3eaf3;
}

.overlay {
	position:fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	max-height:100%;
	max-width:100%;
	background:url(../../images/overlay.png);
	z-index:2000;
	display:block;
}
.popcol {
	width:480px;
	height:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.popup {
	width:410px;
	height:143px;
	display:block;
	background:#342e2e;
	padding:38px 55px 35px 55px;
	position:absolute;
	top:50%;
	margin-top:-129px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.popup-v4 {
	width:410px;
	height:330px;
	display:block;
	background:#342e2e;
	padding:38px 55px 35px 55px;
	position:absolute;
	top:50%;
	margin-top:-175px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.popcol-v2 {
	width:890px;
	height:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.popup-v2 {
	width:410px;
	height:175px;
	display:block;
	background:#342e2e;
	padding:38px 55px 35px 55px;
	position:absolute;
	top:50%;
	margin-top:-129px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.popup-v3 {
	width:780px;
	height:185px;
	display:block;
	background:#342e2e;
	padding:38px 55px 35px 55px;
	position:absolute;
	top:50%;
	margin-top:-154px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	overflow:hidden;
}
.popup-coment {
	width:410px;
	height:490px;
	display:block;
	background:#342e2e;
	padding:38px 55px 35px 55px;
	position:absolute;
	top:50%;
	margin-top:-281px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.popup h3, .popup-v2 h3, .popup-v3 h3, .popup-v4 h3, .popup-coment h3 {
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	font-size: 18px;
	color:#fff;
	line-height:16px;
	margin-bottom:15px;
	text-align:center;
	text-transform:uppercase;
}
.popup p, .popup-v2 p, .popup-v3 p, .popup-v4 p, .popup-coment p {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	margin-bottom:15px;
	color:#aeb1b6;
	line-height:20px;
	text-align:center;
}


.searchcontainer {
	width:auto;
	min-width:200px;
	height:43px;
	display:block;
	float:right;
	position:relative;
	top:-70px;
	margin-bottom:-43px;
}

.floaters {
	width:560px;
	float:left;
	margin-right:11px;
}
.floatersstatus {
	width:360px;
	float:left;
	margin-right:11px;
}
.floaterssmall {
	width:150px;
	float:left;
	margin-right:11px;
}
.floatersmedium {
	width:180px;
	float:left;
	margin-right:11px;
}
.floatersmini {
	width:220px;
	float:left;
	margin-right:11px;
}
.search {
	width:auto;
	height:43px;
	float:left;
	margin-right:11px;
}
.export {
	width:160px;
	height:43px;
	display:block;
	float:left;
}
.deletebox {
	width:auto;
	height:43px;
	display:block;
	float:left;
}
.refresh {
	float:left;
	margin-right:11px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 15px;
	color:#878787;
	line-height:43px;
	outline:none;
	cursor:pointer;
	background:none;
	border:none;
}
.inputsearch {
	width: 135px;
	display: block;
	padding: 0 20px 1px 20px;
	height: 40px;
	border: 1px solid #dedede;
	border-right:none;
	background: #fff;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	color:#878787;
	outline-width: 0;
	float:left;
}
.submitsearch {
	width:auto;
	height:43px;
	outline:none;
	cursor:pointer;
	padding-left:13px;
	padding-right:13px;
	border: none;
	background:#cc322a;
	display:block;
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:13px;
	text-align:center;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float:left;
}
.submitsearch:hover {background:#cc322a;}
.submitsearch:active {background:#cc322a;}

/*RIJEN*/
.odd {
	height:62px;
	background:#f5f5f5;	
	-webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear;
}

.credit {
	height:62px;
	background:#cce5ce;	
	-webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear;
}

.even {
	height:62px;
	background:none;
	-webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear;
}

.odd:hover, .even:hover {
	height:62px;
	background:#f5eeed;
}


#tabel {
	width:100%; 
	margin-bottom:180px;
	margin-top:50px;
	float:left;
	clear:both;
}
#tabelgroepen {
	width:100%; 
	padding-bottom:50px;
	margin-top:50px;	
	border-bottom:dashed 1px #dee2e5;
	float:left;
	clear:both;
}
.formrow table .tds p {
	color:#878787;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:13px;
	text-decoration:none;
	text-align:left;
	word-wrap: break-word;
	margin: 0px;
}

/*KOL*/
.tds-top {
	height:37px;
	border-right:1px solid #dee2e5;
	padding-left:15px;
	padding-right:10px;
	border-bottom:1px solid #dee2e5;
	white-space: nowrap;
}
.tds-top-grade {
	border-right:1px solid #fcfcfc;
}
.tags-top {
	height:37px;
	border-right:1px solid #dee2e5;
	padding-left:15px;
	padding-right:10px;
	border-bottom:1px solid #dee2e5;
	white-space: nowrap;
}
.tds-top p, .tags-top p {
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	font-size: 13px;
	color:#878787;
	line-height:36px;
	text-align:left;
	float:left;
	margin: 0;
}
.tds-top h3, .tags-top h3 {
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	font-size: 25px;
	color:#cc322a;
	line-height:25px;
	text-align:center;
}
.tds-top h3 span, .tags-top h3 span {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	color:#cc322a;
	line-height:18px;
	text-align:center;
}			
.tds-top-grade p {
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	font-size: 13px;
	color:#878787;
	line-height:22px;
	text-align:center;
	height:auto;
	padding:0;
}	
.checkboxen {
	width:16px;
	height:40px;
	padding-left:15px;
	border-right:1px solid #dee2e5;
}
.td {
	height:32px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	border-right:1px solid #dee2e5;
}
.tds {
	height:32px;
	border-right:1px solid #dee2e5;
	padding:15px;
	
}

.tds-grade {
	height:32px;
}
.tds-grade input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width: 100%;
	display: block;
	padding: 0;
	height: 32px;
	border: none;
	border:1px solid #dee2e5;
	background: #fff;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-family: 'Ubuntu', sans-serif;
	text-align:center;
	font-weight:300;
	font-size: 13px;
	color:#878787;
	outline-width: 0;
}
.tds-grade input:read-only {
  	color: #cdcdcd;
}
.tags {
	height:32px;
	border-right:1px solid #dee2e5;
	padding:15px;
	position:relative;
	z-index:0;
}

.td p, .tds p, .tags p {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	color:#878787;
	text-align:left;
	word-wrap: break-word;
	margin:0;
}
#big .td p, #big .tds p, #big .tags p{
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 15px;
	color:#878787;
	text-align:left;
	word-wrap: break-word;
	margin:0;
}
.tds-grade p {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	padding:0;
	color:#878787;
	text-align:left;
	word-wrap: break-word;
	margin:0;
}
.tds p a, .tags p a {
	color:#878787;
	text-decoration:none;
}
.tds p a:hover, .tags p a:hover {
	color:#cc322a;
	text-decoration:underline;
}
.voorraad {
	width:40px;
	float:left;
}

.stock {
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left:auto;
	margin-right:auto;
	background:#7fc3a7;
	
}
.geenstock {
	width:10px;
	height:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left:auto;
	margin-right:auto;
	background:#c74646;
}




.order {
	width:10px;
	height:36px;
	padding-left:4px;
	float:right;
}
.orderup {
	width:10px;
	height:12px;
	padding-top:5px;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	line-height:12px;
	color: #878787;
	float:left;
	clear:both;
	text-align:center;
}
.orderdown {
	width:10px;
	height:12px;
	padding-bottom:5px;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	line-height:12px;
	color: #878787;
	float:left;
	clear:both;
	text-align:center;
}
.orderup:hover, .orderdown:hover {
	color: #cc322a;
}

/*PAGINANR. */
.bottom {
	width: -moz-calc(100% - 220px);width: -webkit-calc(100% - 220px);width: -o-calc(100% - 220px);width: calc(100% - 220px);
	height:30px;
	display:block;
	position:fixed;
	bottom:0px;
	padding-top:150px;
	padding-bottom:45px;
	background:url(../../images/bg_pages.png) repeat-x top;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
	
.pagenr a {
	width:auto;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #dee2e5;
	background:#fff;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	color: #878787;
	display: block;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	float:left;
	margin-right:4px;
}

.pagenr a:hover {
	border: solid 1px #cc322a;
	background:#cc322a;
	color: #fff;
}
.pagenr span {
	width:auto;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #cc322a;
	background:#cc322a;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	color: #fff;
	display: block;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	float:left;
	margin-right:4px;
}
.pagenr font {
	width:auto;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #dee2e5;
	background:#fff;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	color: #878787;
	display: block;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	float:left;
	margin-right:4px;
	opacity:0.5;
}


.actionBtn, .actionBtn:hover {
	width:30px;
	height:30px;
	display:inline-block;
	background:none;
	padding:0px;
	padding-top:2px;
	margin:0px;
	margin-right:5px;
	border:none;
	outline:none;
	cursor:pointer;
	text-align:center;
	line-height:14px;
	font-size:13px;
	color:#cc322a;
	text-decoration:none;
}
.actionBtnlock {
	width:30px;
	height:30px;
	webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display:inline-block;
	background:none;
	padding:0px;
	padding-top:2px;
	margin:0px;
	margin-right:5px;
	border:none;
	outline:none;
	cursor:pointer;
	text-align:center;
	line-height:14px;
	font-size:13px;
	color:#ddd;
	text-decoration:none;
}
.actionABtn, .actionABtn:hover {
	width:30px;
	height:auto;
	display:inline-block;
	background:none;
	padding:0px;
	padding-top:3px;
	margin:0px;
	margin-right:5px;
	text-align:center;
	line-height:28px;
	font-size:13px;
	color:#cc322a;
	text-decoration:none;
}
.actionABtnlock {
	width:30px;
	height:auto;
	display:inline-block;
	background:none;
	padding:0px;
	padding-top:2px;
	margin:0px;
	margin-right:5px;
	text-align:center;
	line-height:28px;
	font-size:13px;
	color:#ddd;
	text-decoration:none;
}

/*VALIDATIE*/
.error {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size: 13px;
	color:#c74646;
	line-height:20px;
}


.asideright {
	width:300px;
	height:100%;
	background:#f2f6fa;
	float:left;
}

@media (max-width: 2020px) {
.floaters {
	width:400px;
	float:left;
	margin-right:11px;
}
}

@media (max-width: 1810px) {
.floaters {
	width:450px;
	float:left;
	margin-right:11px;
}
.hide {
	display:none;
}
}

@media (max-width: 1670px) {
	.tags-top, .tags {
		display:none;
	}
}


@media (max-device-width : 1279px) {
	#login #box p {
		font-family: 'Ubuntu', sans-serif;
		font-weight:300;
		font-size: 13px;
		color:#fff;
		line-height:20px;
		text-align:center;
	}
}