select{
	outline: none;
	border: none;
	background-color: #FFF;
	height: 25px;
	width: 120px;
	-moz-appearance:none;
    -webkit-appearance:none; 
    appearance:none;
    background-image: url('/img/icons/arrow_down.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
}
input[type="checkbox"]{
	border: 1px solid red;
}
div.top_filter_bar{
	background-color: #FFF;
	height: 60px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	padding: 10px;
	text-align: center;
}
div.top_filter_bar.rets{
	text-align: left;
}
div.top_filter_bar form{
	display: inline-block;
	margin: 5px 2% 0 2%; 
	width: 25%;
}
div.top_filter_bar form select{
	width: 100%;
	padding-right: 18px;
}
div.top_bar_dt{
	height: 60px;
	margin: 0 0 -30px 3%;
	position: relative;
	z-index: 3;
	width: 94%;
	background-color: #0894fd;
	background-image: linear-gradient(to right, #0894fd , #1e1eb6);
	-webkit-box-shadow: 4px 4px 7px 2px rgba(148,145,148,1);
	-moz-box-shadow: 4px 4px 7px 2px rgba(148,145,148,1);
	box-shadow: 4px 4px 7px 2px rgba(148,145,148,1);
	text-align: center;
}
div.top_bar_dt.oran{
	background-color: #ffae00;
	background-image: linear-gradient(to right, #744f00, #ffae00);
}
div.top_bar_dt p{
	color: #FFF;
	padding-top: 22px;
}
div.top_bar_dt a.top_bar_toevoegen{
	border: 2px solid #e9e9e9;
	position: absolute;
	right: 20px;
	width: 34px;
	height: 34px;
	top: 13px;
	border-radius: 17px;
	background-image: url('/img/icons/plus_icon_white.svg');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
}
div.wrap_table_data, div.wrap_aanvraag{
	width: 100%;
	padding: 40px 10px 59px 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	overflow: scroll;
	height: calc(100vh - 200px);
	position: relative;
}
div.wrap_table_data.stand_alone, div.wrap_aanvraag{
	height: calc(100vh - 130px);
}
div.wrap_table_data::-webkit-scrollbar, div.wrap_aanvraag::-webkit-scrollbar{
	display: none;
}
table.data_table{
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
table.data_table tr th, table.data_table tr td{
	border-bottom: 1px solid #e8e8e8;
	padding: 5px 8px;
}
table.data_table tr td a.delzending{
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url('/img/icons/deletepart.svg');
	background-size: 18px;
	background-position: cover;
	background-repeat: no-repeat;
}
table.data_table tr td a.maakzending{
	background-color: blue;
	color: #FFF;
	padding: 10px 20px;
	margin: 5px 0;
	display: inline-block;
}
table.data_table tr.ingepland, table.data_table tr.pland{
	font-style: italic;
	color: #939393;
}
table.data_table tr.ingepland td{
	border-bottom: none;
}
table.data_table tr a{
	color: #000;
}
table.data_table tr.ingepland a{
	color: #939393;
}
table.data_table tr td a.deldol, table.planningp tr td a.deldol, a.deldolfpl{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url('/img/icons/trash_dol.svg');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center;
}
table.planningp tr td a.deldol, a.deldolfpl{
	background-image: url('/img/icons/deletepart.svg');
	width: 10px;
	height: 10px;	
	background-size: 10px;
}
table.data_table tr td a.editdol{
	color: #000;
	text-decoration: underline;
}
table.data_table tr th{
	text-align: left;
	padding: 5px 8px 15px 8px;
}
td.kleur1{
	background-color: #0005ff;
}
table.data_table tr td.kleur1 a.editdol{
	color: #FFF;
}
td.kleur2{
	background-color: #26ce59;
}
td.kleur3{
	background-color: #04852c;
}
table.data_table tr td.kleur3 a.editdol{
	color: #FFF;
}
td.kleur4{
	background-color: #fff700;
}
td.kleur5{
	background-color: #9eff00;
}
td.kleur6{
	background-color: #e10000;
}
table.data_table tr td.kleur6 a.editdol{
	color: #FFF;
}
td.kleur7{
	background-color: #ff8100;
}
td.lock{
	background-color: #ff4772;
	color: #FFF;
}
div.wrap_table_data div.paginering_wrap{
	position: fixed;
	bottom: 21px;
	right: 21px;
	left: 271px;
	border-top: 1px solid #e8e8e8;
	background-color: #FFF;
	transition: .5s;
	height: 60px;
}
div.wrap_table_data div.paginering_wrap.full_screen{
	left: 21px;
}
form#pagaantal, ul#paginering{
	display: inline-block;
	margin: 18px 0 0 20px;
}
form#pagaantal select{
	height: 25px;
	width: 120px;
}
div.bottomline{
	border-bottom: 1px solid #999999;
}
ul#paginering li{
	display: inline-block;
	font-size: 12px;
}
ul#paginering li a{
	padding: 7px 10px;
	border-radius: 25px;
	margin-right: 10px;
	color: #000;
}
ul#paginering li a.activepag{
	background-color: #0894fd;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
	box-shadow: 0px 0px 5px 0px rgba(138,135,138,1);
}
p.totaan{
	position: absolute;
	right: 20px;
	bottom: 22px;
	font-size: 12px;
}


/*filter toevoegen css*/
div.filter_toev_wrap{
	position: relative;
	height: 100%;
	padding: 0 20px;
}
div.filter_toev_wrap select{
	width: 340px;
	border-bottom: 1px solid #999;
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -170px;
	margin-top: -13px;
}
table.input_filt_data{
	width: 100%;
	margin-top: 20px;
}
table.input_filt_data tr td:first-child{
	width: 100%;
}
table.input_filt_data tr td.title{
	font-weight: 400;
	font-size: 18px;
} 
table.input_filt_data tr td.subtitle{
	font-size: 12px;
	color: #999;
	padding-bottom: 10px;
}
table.input_filt_data input{
	width: 95%;
	height: 30px;
	outline: none;
	border: 1px solid #999;
	padding: 0 4px;
}
table.input_filt_data input:focus{
	border: 1px solid #000;
}
table.input_filt_data a.nextrij{
	border: 1px solid #0894fd;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	margin: -10px 0 0 0px;
	left: 95%;
	background-color: #0894fd;
	background-image: url('/img/icons/plus_icon_white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px;
	border-radius: 10px;
}
div.submit_area{
	border: 1px solid red;
	position: fixed;
	bottom: 0;	
}
div.parts_checkbox{
	height: 100%;
	padding-bottom: 60px;
}
div.parts_checkbox label{
	font-size: 12px;
}
div.parts_checkbox div.inner_ckb{
	border-bottom: 1px solid #999;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 5px;
	width: 30%;
}

/* filter in overzicht (rechter kant pagina)*/
div.filter_side{
	display: inline-block;	
	position: absolute;
	right: 0;
	top: 40vh;
	z-index: 1;
}
div.filter_side p.filtericon{
	height: 32px;
	background-color: #FFF;
	border: 1px solid #cdcdcd;
	background-image: url('/img/icons/filter_icon.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	margin-left: 20px;
}
div.filter_side a{
	display: block;
	width: 30px;
	text-align: center;
	padding: 8px 0;
	background-color: #BD081C;
	color: #FFF;
	border: 1px solid #900616;
	margin-bottom: 1px;
	margin-left: 20px;
}
div.filter_side a.actief{
	width: 40px;
	margin-left: 10px;
}
div.filter_side a.reset_filters{
	background-color: #FFF;
	background-image: url('/img/icons/refresh_icon.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	border: 1px solid #cdcdcd;
	width: 30px;
}