a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #4e4e4e;
}

*:focus {
    outline: 0;
}

#page {
	padding-bottom: 20px;
}

h2 {
	font-size: 21px;
	margin: 5px 0;
}

em {
	font-style: italic !important;
}

.container {
	width: 960px;
	margin: 0 auto;
}

.voorraad {
    background: #f7f7f7;
	padding: 20px;
    margin: 20px auto;
}

.clear {
	clear:both;
}

.dark-grey-header {
	background: #b0b0b0;
	height: 33px;
}

.black-header {
	background: #231f20;
	height: 33px;
}

.clickable {
	cursor: pointer;
}

strong {
	font-weight: bold;
}

#header {
	height: 70px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(109, 109, 109, 0.75);
	-moz-box-shadow:    0px 3px 3px 0px rgba(109, 109, 109, 0.75);
	box-shadow:         0px 3px 3px 0px rgba(109, 109, 109, 0.75);
	position: relative;
	z-index: 1;
}

	#header h1 {
		margin-top: 10px;
		float: left;
	}

	#header .user {
		float:right;
		margin-top:30px;
		font-size:16px;
	}

		#header .user .logout {
			color: #ee4135;
			text-decoration: none;
			display: inline-block;
			margin-left: 10px;
		}

#login {
	margin-top: 20px;
}

#login .input-group {
	margin-bottom: -1px;
}

#login .input-group input {
	padding: 10px 15px;
	border:1px solid #dedede;
	font-size: 12px;
}

#login .input-group label {
	width: 120px;
	display: inline-block;
}

#login .submit {
	padding: 8px 10px;
	background: #1ca2de;
	cursor: pointer;
	color:#fff;
	border:0 !important;
	tex
}

#login .loginerror {
	background: #ffa1a1;
	border:1px solid #aa1717;
	padding:10px;
	color: #aa1717;
	margin: 10px 0;
	display: block;
}

.navigatie {
	margin-left: 15px;
}

	.navigatie a {
		color: #4e4e4e;
		text-decoration: none;
	}

	.navigatie.actief a {
		color: #ef4036
	}

table.overzicht.los {
	margin-top: 10px !important;
}

	table.overzicht.los thead th {
		color: #4d4d4d;
		text-align: left;
		border-bottom: 0 !important;
		font-weight: bold;
		border-left:10px solid #fff;
	}

	table.overzicht.los tbody:hover {
		background-color: #fff;
	}

table.overzicht {
	width: 100%;
	margin-top: -33px;
}

/*table.overzicht tr.dossier td {
	background-color: #e9e9e9;
}*/

table.overzicht tr td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 130px;
}

td a {
	color: #20acf3;
}

thead th {
	padding:10px;
	color: #fff;
	border-bottom: 10px solid #fff;
	text-align: left;
}

thead th .sort-arrow {
	color: #565656;
	font-size: 10px;
}

tbody tr.hide {
	display: none;
}

tbody tr td {
	background: #dedede;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-bottom:10px solid transparent;
	padding: 10px;

}

tbody tr td.no-bg {
	background: none !important;
	padding:0;
	padding-left: 10px;
	max-width: none;
}

tbody tr td .dark-box {
	display: inline-block;
	background: #949599;
	color: #fff;
	height: inherit;
	padding: 12px;
	margin-right: 10px;
	text-decoration: none;
}

tbody tr td .light-box {
	display: inline-block;
	background: #f7f7f7;
	height: inherit;
	padding: 12px;
	margin-right: 10px;
}

tbody tr td .dark-box:hover {
	background: #ef4138;
	cursor: pointer;
}

.submenu span {
	height: inherit;

}

.submenu ul {
	display: none;
}

.submenu ul li ul.subsubmenu {
	display: none;
}

.submenu:hover ul {
	display: inline-block;
	position: absolute;
	background: #686868;
	margin: 13px 0 0 -63px;
	z-index: 1;
}

.submenu ul li {
	padding: 10px;
	padding-right: 30px;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
}

	.submenuangular ul li {
		padding: 10px;
		padding-right: 30px;
		display: block;
		color: #fff;
		text-decoration: none;
		position: relative;
	}

.submenu ul li .right {
	float: right;
	position: absolute;
	right: 10px;
	top:11px;
}

.submenu ul li ul.subsubmenu {
	position: absolute;
	left:179px;
	top: -13px;
	width: 150px;
}

	.submenu ul li ul.subsubmenu li {
		padding:0;
	}

	.submenu ul li ul.subsubmenu li a {
		padding: 10px;
		display: block;
		color: #fff;
		text-decoration: none;
	}

.submenu ul li:hover > ul.subsubmenu, tbody tr td .submenu ul li ul.submenu :hover  {
	display: inline-block;
	background: #686868;
}

.submenu ul li a {
	color: #fff;
}

.submenu ul li a:hover, .submenu ul li:hover{
	background: #ef4036;
}

tbody tr td.lichtrood {
	background-color: #fac5c2;
}

tbody tr td.fav {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
}

tbody tr td.fav .icon-star {
	color: #f14036;
}

table.overzicht tbody:hover {
	background: #f5f5f5;
}

.overzicht .status {
	padding: 10px;
	margin-left: -10px;
	display: inline-block;
}

.overzicht .td {
	background-color: #efefef;
	padding: 10px;
	margin: 0 10px;
	display: inline-block;
	width: 125px;
}

	.overzicht .td.bedrag {
		width: 55px;
	}

.c0090fd {
	background: #0090fd !important;
	color:#fff !important;
}

.c939498 {
	background: #939498 !important;
	color: #fff !important;
}

.cff0100, .cred {
	background: #ff0100!important;
	color:#fff !important;
}

.cea00fe {
	background: #ea00fe !important;
	color:#fff !important;
}

.c06d700, .cgreen {
	background: #06d700 !important;
	color: #fff !important;
}

.c02d8e5 {
	background: #02d8e5 !important;
	color: #fff !important;
}

.cfdad2a, .corange {
	background: #fdad2a !important;
	color: #fff !important;
}

tbody tr td .green {
	color: #04d601;
}

tbody tr td .yellow {
	color: #ffaf00;
}

tbody tr td .red {
	color:#fe0000;
}

#search {
	background: #dedede;
	min-height: 80px;
	display: block;
}

	#search .container h2.title {
		margin-top: 25px;
		display: inline-block;
	}

	#search p.edit {
		font-size: 15px;
		margin-top: 32px;
		float: left;
	}

	.instellingen #search p.edit {
		font-size: 21px;
	}

		#search p.edit .spacer {
			display: inline-block;
			margin: 0 15px;
			color: #b0b0b0;
		}

		#search p.edit .grey {
			background: #93979a;
			color: #fff;
			padding: 7px;
			margin-right: 5px;
		}

	#search .button {
		background-color: #949599;
		color: #fff;
		border: 0;
		font-size: 15px;
		height: 45px;
		vertical-align: middle;
		margin-left: -3px;
		cursor: pointer;
	}

		#search .button.red {
			background-color: #ef4138;
		}

	.instellingen .content.emailmarketing {
		background: #fff;
	}

	.instellingen .content.emailmarketing table tr {
		border-bottom: 10px solid #fff;
	}

	#search form {
		float: left;
	}

	#search .legenda {
		float: right;
		margin-top: 17px;
	}

		#search .legenda .filter {
			background-color: #949599;
			color: #fff;
			padding: 12px 8px;
			font-size: 16px;
			width: 175px;
		}

			#search .legenda .filter.red {
				background-color: #ec423d;
			}

			#search .legenda .filter ul {
				font-size: 13px;
			}

			#search .legenda .filter label {
				display: block;
				margin-top: 3px;
			}

		#search .legenda input {
			float: left;
			display: inline-block;
			margin-right: 10px;
		}

		#search .legenda .col {
			float: left;
			margin-left: 10px;
		}

		#search .legenda .col span, #search .legenda .col label {
			display: block;
			cursor: pointer;
			margin: 3px 0;
		}

		#search .legenda .col label.trans {
			opacity: 0.5;
		}

		#search .legenda .col span span.red,
		#search .legenda .col span span.yellow,
		#search .legenda .col span span.blue,
		#search .legenda .col span span.grey,
		#search .legenda .col span span.green,
		#search .legenda .col span span.purple,
		#search .legenda .col span span.lightblue,
		#search .legenda .col span span.orange {
			background: #ff0100;
			display: inline-block;
			color:#fff;
			padding:3px 0px;
		}

		#search .legenda .col span span.yellow {
			background: #ffae00;
		}

		#search .legenda .col span span.blue {
			background: #0090ff;
		}

		#search .legenda .col span span.grey {
			background: #939498;
		}

		#search .legenda .col span span.green {
			background: #06d700;
		}

		#search .legenda .col span span.purple {
			background: #ea00fe;
		}

		#search .legenda .col span span.lightblue {
			background: #02d8e5;
		}

		#search .legenda .col span span.orange {
			background: #fdad2a;
		}

	#search form {
		margin-top: 15px;
	}

	#search .search {
		background: #fff;
		border: 0;
		padding: 16px 12px;
		width: 200px;
		vertical-align: middle;
	}

	#search .velden {
		background-color: #949599;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance:inputfield !important;
		appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		background-image: url('../i/select-arrow-white.png');
		background-repeat: no-repeat;
		background-position: 96% center;
		background-size: 8%;
		border:0;
		color: #fff;
		padding: 14px 0;
		margin: 0 0 0 -3px;
		font-size: 15px;
		height: 45px;
		vertical-align: middle;
		padding-left:10px;

	}

#search .close {
	float: right;
	font-size: 16px;
	color: #4e4e4e;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 28px;
}

	#search .close i {
		font-size: 21px;
	}

.pagination {
	border-top:2px solid #dedede;
	padding-top: 10px;
}

	.pagination ul {
/* 		/border:1px solid #ee4035; */
		text-align: center;

	}

		.pagination ul li, .pagination ul li a {
			display: inline-block;
			cursor: pointer;
			color: #4e4e4e;
		}

			.pagination ul li a {
				padding: 10px 12px;
				display: inline-block;
				text-decoration: none;
			}

		.pagination ul li.active, .pagination ul li.active a {
			background: #ee4035 !important;
			color: #fff;
		}

		.pagination ul li:hover {
			background: #e5e5e5;
		}

.col1 {
	width: 333px;
	float: left;
	margin-right: 20px;
}

.col2 {
	width: 378px;
	float: left;
}

.col3 {
	width: 207px;
	float: right;
}

.box {
	margin-bottom: 20px;
	clear:both;
}

	.box.red h2 {
		background: #c40e0e;
	}

	.box.red table tr td:first-child {
		background: #c40e0e;
		color: #fff;
	}

.box.no-table {
	background: #f7f7f7;
	padding:0 10px 10px 10px;
}

.box .input {
	width: calc(100% - 13px);
	padding: 6px;
	margin: 5px 0;
	border: 1px solid #E0E0E0;
}

	.box textarea.input {
		height: 60px;
	}

.box.no-table h2 {
	margin: 0 -10px 10px -10px;
}

.box h2 {
	background: #949599;
	font-size: 14px;
	color:#fff;
	padding: 7px 10px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
}

.box h2.rood {
	background: #ee4037;
}

.box h2.dark-grey {
	background: #4d4d4d;
}

	.box h2 .red {
		background: #ee4037;
		display: inline-block;
		float: right;
		margin: -7px -10px;
		padding: 7px 5px;
		color: #fff;
		text-decoration: none;
	}

.box table {
	width: 100%;
}

.box table tr td {
	border:0;
}

	.box table tr.sub td {
		background-color: #b3b3b3 !important;
		color: #fff;
		text-transform: uppercase;
	}

		.box table tr.sub td span.collpase {
			float: right;
		}

.box table tr td span.ng-binding {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 169px;
	display: inline-block;
}

	.box table tr td.full-text span.ng-binding {
		text-overflow:clip;
		white-space: normal;
	}

.box table tr td {
	background: #f7f7f7;
	padding: 10px 10px 10px 10px;
	position: relative;
}

.box table tr td:first-child {
	background: #dedede;
	padding:10px;
	border-right:1px solid #fff;
}

.box table tr td .edit:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

  content: '\e80c';

}

.box table tr td .edit {
	float: right;
	/*visibility: hidden;*/
	/*background: #4d4d4d;*/
	background: #E8E8E8;
	color: #949599;
	width: 33px;
	height: 24px;
	text-align: center;
	padding-top: 9px;
	margin: -10px 0 -10px 0;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.box table tr td .edit.save:before {
	content: '\e821';
}

.box table tr td .edit.save {
	background: #ee4035;
	visibility: visible;
	right: -33px;
	color: #fff;
}

.box table tr td input {
	border:1px solid #f03f35;
	margin: -10px 0 -10px -10px;
	height: 29px;
	float: left;
	font-size: 13px;
	padding-left:10px;
	width: 104%;
}

.box table tr td textarea {
	border:1px solid #f03f35;
	margin: -10px -1px -11px -10px;
	height: 58px;
	float: left;
	font-size: 13px;
	padding-left:10px;
	width: 104%;
}

.instellingen table tr td select.small {
	width: 32%;
	margin: 0 !important;
}

.box table tr td select.date {
	padding: 3px;
}

.box table tr td select.date.day {
	width: 19%;
	margin: -10px 0 -10px -10px !important;
	background-size: 27%;
}

.box table tr td select.date.month {
	width: 55%;
	margin: -10px 0 -10px -3px;
	background-size: 10%;
}

.box table tr td select.date.year {
	width: 36%;
	margin: -10px -10px -10px -3px;
	background-size: 15%
}

.box table tr td select {
	width: 100%;
	border:1px solid #f03f35;
	margin: -10px -10px -10px -10px;
	height: 29px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	padding-left: 10px;
	width: 109%;
	background: url('../i/select-arrow.png');
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 8%;
	font-size: 13px;
	height: 33px;
}

.box table tr:hover .edit {
	visibility: visible;
}

a.none {
	text-decoration: none !important;
	color: #4e4e4e !important;
	display: inline-block;
	margin: 2px 0 2px 1px;
	cursor: pointer;
}

span.checkbox {
	background: #949599;
	height: auto;
	width: auto;
	padding: 10px;
	cursor: pointer;
	appearance: normal;
	display: inline-block;
	margin: 0 4px 0 2px;
}

	span.checkbox.checked {
		background:url('../i/checkbox.png') center center no-repeat #59cf00;
		background-size: 73%;
	}

.checkbox {
	background: #949599;
	padding:10px;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	vertical-align: middle;
}

	.checkbox:checked {
		background:url('../i/checkbox.png') center center no-repeat #59cf00;
		background-size: 73%;
	}

.status.bewerken {
	margin: -10px 10px -10px -10px;
	display: inline-block;
	padding: 10px;
}

.box select.status {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	padding:12px 10px;
	border:0;
	width: 100%;
	background-image: url('../i/select-arrow-white.png');
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 8%;
	text-transform: uppercase;
	font-size: 13px;
}

	.box select.status option {
		text-transform: none;
	}

	.box .status.blue {
		background-color: #0090fd !important;
		color:#fff !important;
	}

	.box .status.grey {
		background-color: #949599 !important;
		color: #fff !important;
	}

	.box .status.red {
		background-color: #ff0103 !important;
		color:#fff !important;
	}

	.box .status.yellow {
		background-color: #ffad00 !important;
		color: #fff !important;
	}

	.box .status.purple {
		background-color: #eb00ff !important;
		color:#fff !important;
	}

	.box .status.green {
		background-color: #05d800 !important;
		color: #fff !important;
	}

	.box .status.orange {
		background-color: #fdad2a !important;
		color: #fff !important;
	}

	.box .status.lightblue {
		background-color: #27e4fd !important;
		color: #fff !important;
	}

.box .comment {
	background-color: #88a5d1;
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	padding: 8px 10px;
	margin: 5px 0;
	cursor: pointer;
	border: 0;
}

	.box .comment a {
		color: #fff !important;
		text-decoration: none !important;
	}

	.box .comment .right {
		float: right;
		cursor: pointer;
	}

	.box .comment.red {
		background-color: #ee4037;
	}

@keyframes ex4 { /* CSS3 */
	0%   { background-color: #ff0000; }
	50% { background-color: #88a5d1; }
	100%   { background-color: #ff0000; }
}
@-moz-keyframes ex4 { /* Firefox */
	0%   { background-color: #ff0000; }
	50% { background-color: #88a5d1; }
	100%   { background-color: #ff0000; }
}
@-webkit-keyframes ex4 { /* Webkit */
	0%   { background-color: #ff0000; }
	50% { background-color: #88a5d1; }
	100%   { background-color: #ff0000; }
}

.box .comment.urgent {
	background-color: #ff0000;
	color: #fff !important;
	 animation:         ex4 2s infinite; /* CSS3 */
	-moz-animation:    ex4 2s infinite; /* Firefox */
	-webkit-animation: ex4 2s infinite; /* Webkit */


}

.box label {
	cursor: pointer;
}

.box.no-table a {
	color: #686868;
	text-decoration: underline;
}

	.box.no-table a:hover {
		text-decoration: none;
	}

.instellingen div.left {
	float: left;
	width: 470px;
	margin-top: 30px;
}

.instellingen div.right {
	float: right;
	width: 470px;
	margin-top: 30px;
}

	.instellingen .factureren {
		background: #ee4037;
		text-transform: uppercase;
		float: right;
		padding: 10px;
		color: #fff;
		cursor: pointer;
		display:inline-block;
		margin: 5px 0 0 5px;
	}

	.instellingen .facturen td {
		background: none;
		padding: 0 !important;
		vertical-align: middle;
		font-size: 12px;
	}

		.instellingen .facturen td span {
			margin: 0;
			padding: 10px 8px;
		}

		.instellingen .facturen td span.light-box {
			display: block;
			margin-right: 7px;
		}

		.instellingen .facturen td .dark-box {
			font-size: 15px;
			padding: 8px 5px;
		}

	.box.light h2 {
		background: none;
		font-size: 21px;
		color: #221e1f;
		padding: 0;
		text-transform: none;
		margin-bottom: 20px;
	}

	.box.light table tr {
		margin-bottom: 10px;
		border-bottom: 10px solid #fff;
	}

	.box.light table tr td:first-child {
		background: #fff;

	}

#comment.container {
	margin-top:20px;
}

	#comment h2 {
		font-size: 21px;
		display: inline-block;
		margin-right: 10px;
	}

	#comment textarea {
		padding: 10px;
		width: 350px;
		height:85px;
		border:1px solid #bababa;
		margin: 0;
	}

	#comment .submit {
		background: #88a5d1;
		border:0;
		color:#fff;
		text-transform: uppercase;
		margin:0;
		width: 372px;
		padding:10px 10px;
		font-size: 13px;
		cursor: pointer;
		margin-top: -2px;
	}

	#comment .urgent {
		background: #e5e5e5;
		display: block;
		padding: 10px;
		width: 352px;
		margin-top: -2px;
	}

	#comment .exit {
		background: #ee4037;
		color: #fff;
		padding: 8px 10px;
		text-decoration: none;
		display: inline-block;
		margin-right: 5px;
		cursor: pointer;
	}

	#comment .delete {
		background: #949599;
		color: #fff;
		padding: 8px 10px;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
	}

	#comment .info {
		background: #949599;
		display: block;
		width: 352px;
		padding: 8px 10px;
		color: #fff;
	}

		#comment .info strong {
			text-transform: uppercase;
			font-weight: bold;
		}

		#comment .info .user {
			float: right;
			background: #bababa;
			padding:8px 10px;
			margin: -8px -10px;
			color: #3b3b3b;
		}

	#comment .faq_titel {
		margin:-7px 0 0 5px;
		padding:5px;
		border:0;
		position: absolute;
		height: 18px;
	}

	#comment .addfaq_titel {
		display: block;
		border: 1px solid #bababa;
		margin:0 0 -1px 0;
		padding: 10px;
		width: 350px;
		height:10px;

	}

	#comment .rapel_fakeinput {
		padding: 10px;
		width: 350px;
		height:10px;
		border:1px solid #bababa;
		margin: 0 0 -1px 0;
		display: block;
		cursor: pointer;
	}

	#comment .rapel_fakeinput.placeholder {
		color: #a9a9a9;
	}

	#comment .ui-datepicker {
		position: absolute;
	}

	#comment .datum {
		margin: -7px 0 0 5px;
		padding: 7px 5px 3px 5px;
		height: 18px;
		display: inline-block;
		position: absolute;
		background: #fff;
		color: #3b3b3b;
		cursor: pointer;
		border: 0;
	}

	#comment .soort {
		padding: 10px;
		background: #e5e5e5;
		display: inline-block;
		width: 352px;
	}

.raw {
	width: 45%;
	float: left;
	margin-top: 10px;
}

.raw.right {
	float: right;
}

.status.submenu, .status.submenuangular {
	display: block;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	cursor: pointer;
}

	.status.submenu .right, .status.submenuangular .right {
		float: right;
	}

	.status.submenu ul {
		display: none;
		visibility: hidden;
		margin: 10px -10px -10px -10px;
		position: absolute;
		width: 100%;
		text-transform: none;
	}

		.status.submenuangular ul {
			margin: 10px -10px -10px -10px;
			position: absolute;
			width: 100%;
			text-transform: none;
			display: block;
		}

	.status.submenu:hover ul {
		display: block;
		visibility: visible;
		position: absolute;
		width: 100%;
		text-transform: none;
	}

	.status.submenu ul li {
		padding: 10px;
		cursor: pointer;
	}

		.status.submenuangular ul li {
			padding: 10px;
			cursor: pointer;
		}

.deleteall {
	position: relative;
}

	.deleteall span {
		background: #ef4036;
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px;
		cursor: pointer;
	}

.blue {
	color: #1992f8;
}

.instellingen {

}

	.instellingen h3 {
		font-size: 25px;
		font-weight: 100;
	}

	.instellingen ul.overview {
		font-size: 14px;
		margin-top: 15px;
	}

	.instellingen ul.overview li.first {
		background: #4d4d4d;
		color: #fff;
		padding: 25px 15px;
	}

	.instellingen ul.overview li {
		background: #f7f7f7;
		color: #4d4d4d;
		padding: 15px 15px;
	}

	.instellingen ul.overview li span {
		float: right;
		color: #d8443f;
		font-weight: 700;
	}

	.instellingen .dark-grey-header {
		height: 66px;
	}

	.instellingen .dark-grey-header ul li {
		display: inline-block;
	}

		.instellingen .dark-grey-header ul li.right {
			float: right;
		}

		.instellingen .dark-grey-header ul li.red {
			background: #f03f35;
		}

			.instellingen .dark-grey-header ul li.red:hover a {
				background: none !important;
				color: #fff !important;
			}

	.instellingen .dark-grey-header ul li a {
		padding:8px 15px;
		display: block;
		color:#fff;
		text-decoration: none;
		margin-top: 4px;
	}

	.instellingen .dark-grey-header ul li.active a, .instellingen .dark-grey-header ul li:hover a {
		background: #fff !important;
		color: #b0b0b0 !important;
	}

	.instellingen .sidebar {
		background: #f7f7f7;
		float: left;
		width: 250px;
		margin-top: 25px;
		padding: 15px;
	}

		.instellingen .sidebar.no-bg {
			background: none;
		}

		.instellingen .sidebar ul li a {
			color: #4c4c4c;
			text-decoration: none;
			margin-bottom: 10px;
			display: inline-block;
		}

		.instellingen .sidebar ul li.active a {
			color: #ec5853;
			font-weight: 700;
		}

		.instellingen .sidebar .add {
			background-color: #ee4037;
			color: #fff;
			padding: 10px 8px;
			float: right;
			display: inline-block;
			margin: -15px -15px 0 0 ;
		}

	.instellingen .content {
		background: #f7f7f7;
		float: right;
		width: 620px;
		margin-top: 25px;
		padding: 15px;
	}

		.instellingen .content ul li {
			list-style: disc;
			margin: 10px 10px;
		}

			.instellingen .content ul li a {
				color: #00aeef;
			}

		.instellingen .content.small {
			width: 440px;
		}

		.instellingen .content .content {
			width: 590px;
		}

		.instellingen p {
			line-height: 20px;
		}

		.instellingen .content.no-bg {
			background: none;
		}

		.instellingen .content table .top {
			vertical-align: top;
		}

		.instellingen .content table tr td {
			border:0 !important;
			background: none;
		}

		.instellingen .content input, .instellingen .content textarea, .instellingen .content select {
			background: #e5e5e5;
			padding: 7px 12px;
			border: 0;
			color: #4e4e4e;
			font-size: 13px;
			width: 400px;
		}

			.instellingen .content textarea.smaller {
				height: 100px;
			}

			.instellingen .content .group-small {
				width: 30px;
			}

			.instellingen .content button.black {
				background-color: #000;
				color: #fff;
				border: 0;
				border-radius: 4px;
				padding: 5px;
				cursor: pointer;
				margin-left: 5px;
			}

			.instellingen .content button.red {
				background-color: #dc4f42;
				color: #fff;
				border-radius: 3px;
				border: 0;
				padding: 4px 6px;
				cursor: pointer;
			}

			.instellingen .content select {
				height: 30px;
			}

			.instellingen .content textarea {
				height: 300px;
			}

			.instellingen .content button.submit {
				background: #88a5d1;
				border:0;
				color:#fff;
				text-transform: uppercase;
				margin:0;
				width: 100%;
				max-width: 424px;
				padding:10px 10px;
				font-size: 13px;
				cursor: pointer;
				margin-top: -2px;
			}

	.instellingen .success {
		color: #73ae0e;
		font-weight: 700;
		padding:5px 0;
		display: block;
	}

	.instellingen .datum {
		width: 85px !important;
		display: inline-block;
		margin: 0 10px;
		background-color: #f7f7f7;
		border:0;
		font-size: 14px;
		padding: 7px;
	}

	.instellingen .zoek {
		background-color: #ef4036;
		color: #fff;
		font-size: 17px;
		border: 0;
		cursor: pointer;
		padding: 5px;
		margin:2px 0 0 -10px;
		text-decoration: none;
	}

	.instellingen .periode {
		margin: 15px 0 0 0;
	}

	.instellingen .financial {
		margin-bottom: 30px;
	}

	.instellingen .financial p span {
		color: #a8a8a8;
	}

	.instellingen .financial p.bedrag {
		margin:10px 0 0 30px;
	}

		.instellingen .financial label {
			width: 200px;
			display: inline-block;
		}

		.instellingen .financial p.bedrag span {
			background: #fff;
			padding: 5px;
			color: #4d4d4d;
			min-width: 100px;
			display: inline-block;
		}

			.instellingen .financial p.bedrag span.bedrag {
				text-align: right;
			}

		.instellingen .grey {
			text-align: right;
			color: #a8a8a8;
			margin-bottom: 10px;
		}

.loading-spiner-holder {
	position: fixed;
	left:50%;
	top:50%;
	z-index: 999;
	margin-left: -50px;
	margin-top: -50px;
	font-size: 100px;
}

#aanvragen {

}

	#aanvragen .aanvraag {

	}

		#aanvragen .aanvraag .top, #bestanden .bestand .top {
			background-color: #dedede;
			cursor: pointer;
		}

			#aanvragen .aanvraag .top span, #bestanden .bestand .top span {
				padding: 10px;
				display: inline-block;
			}

			#aanvragen .aanvraag .top .right, #bestanden .bestand .top .right {
				float: right;
			}

		#aanvragen .aanvraag .sub {
			background-color:#f7f7f7;
			display: none;
		}

		.bestand .delete {
			color:#fe0000 !important;
			cursor: pointer;
		}

		#bestanden .bestand .sub {
			padding: 15px;
			background-color: #f7f7f7;
		}

			#bestanden .bestand .sub ul li, .box .file {
				padding: 5px 0;
				font-size: 14px;
			}

				#bestanden .bestand .sub ul li a, .box .file a {
					color: #127195 !important;
				}

				#bestanden .bestand .sub ul li span {
					color: #949597;
					font-size: 12px;
					margin-left: 15px;
				}

			/*#bestanden .bestand .sub .upload {
				margin-top: 10px;
				font-style: italic;
				color:
			}*/

		#aanvragen .aanvraag .sub.visible {
			display: block;
		}

.bewerken-spacer {
	height: 30px;
}

#opmerkingen {
	width: 100%;
}

	#opmerkingen .top {
		background-color: #ee4037;
		color: #fff;
		text-transform: uppercase;
		padding: 8px 10px;
		overflow: auto;
		font-size: 14px;
	}

		#opmerkingen .top p {
			display: inline-block;
			cursor: pointer;
		}

		#opmerkingen .top .right {
			float: right;
		}

	#opmerkingen .opmerkingen {
		background-color: #fff;
		padding: 10px;
		line-height: 23px;
	}

		#opmerkingen .opmerkingen.visible {
			display: none;
		}

		#opmerkingen .opmerking {
			font-size: 12px;
			color: #949597;
			display: block;
			margin: 10px 0;
		}

		#opmerkingen .opmerking i {
			cursor: pointer;
			font-size: 16px;
			overflow: auto;
		}

			#opmerkingen .opmerking span {
				padding: 5px;
			}

			#opmerkingen .opmerking span.txt {
				color: #000;
				padding: 5px;
			}

		#opmerkingen .opmerking.red span {
			background-color: #ee4035;
			color: #f1b5b4;
		}

			#opmerkingen .opmerking.red i.icon-star {
				color: #ee4035;
			}

			#opmerkingen .opmerking.red span span.txt {
				color: #fff;
			}

		#opmerkingen .new {
			color: #fff;
			text-decoration: none;
			cursor: pointer;
			text-transform: none;
			font-size: 12px
		}

			#opmerkingen .new i {
				color: #ee4037;
				background-color: #fff;
				padding: 4px;
				margin-right: 5px;
			}

		#bestanden .bestand .sub .upload {
			color: #ee4037;
			text-decoration: none;
			margin-top: 20px;
			display: block;
			font-style: italic;
			cursor: pointer;
		}

			#bestanden .bestand .sub .upload i {
				background-color: #ee4037;
				color: #fff;
				padding: 4px;
				margin-right: 5px;
			}

.pointer {
	cursor: pointer;
}