html, body				{ margin:0; padding:0; height:100%;  }
h1, h2, h3 				{ font-size:16px; }
textarea 				{ font-family:Arial, Helvetica, sans-serif; }
form					{ margin:0px;}
h1						{ color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-top:0px; }
div, td					{ vertical-align:top; }
.header .row div .btn	{ width:100%;}
hr						{ border-top: 1px solid #DDD !important;}

.zoekform input, .zoekform select			{ margin-bottom:10px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	top: 4px !important;
}

/* BOOSTRAP OVERIDES */
.table					{ border-left:1px solid #DDD; border-top:1px solid #CCC; border-spacing: 0; border-collapse: collapse; }
.table td, .table th 	{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; font-size:14px; }
.table td				{ vertical-align:top;  }
.table th				{ text-align:left; background-color:#DDD; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 4px;
  font-size:14px;
}
label { font-weight:normal; }

#mainContent			{ border-left: 200px solid #666666;  }
#mainContent .content	{ padding: 25px 20px 0em 30px; }
#navigatie 				{ background-color:#666666; position: absolute; top: 0; left: 0; width: 200px; height:auto !important; height:100%; min-height:100%; }
#navigatie #kopje		{ text-indent:22px; line-height:22px; margin-top:5px; }
#navigatie a 			{ width: 200px; color:#FFFFFF; display:block; text-indent: 22px;text-decoration:none;line-height:24px;  }
#navigatie a:hover 		{ color: #000; }
#navigatie .afmelden 	{ color: #000000; }

.feedback				{ border:2px solid #FF0000; color:#FF0000; margin-bottom:10px; padding:5px;  line-height:18px; }
.feedback a				{ color:#00C; }

.taalinput td 			{ background-color:#B7FFAA; }
.nl td 					{ background-color:#FFF; } /* default */


.taaltabs 				{ width:150px; text-align:right; }
.taaltabs a 			{ display:inline-block; color:#FFF; background-color:#EEE; padding:3px; border-radius:4px; line-height:12px; color:#000; margin:0px 2px 0px 0px; }
.taaltabs a:hover		{ background-color:#390; color:#FFF; }
.taaltabs .tabactief	{ background-color:#390; color:#FFF; }


/* CMS */
.editNavLeft			{ width:700px; line-height:26px; font-weight:bold;}
.editNavRight			{ width:700px; line-height:26px; text-align:right; font-weight:bold; }

.editTable				{ width:700px; border-left:1px solid #CCC; border-top:1px solid #CCC; background-color:#FFF; border-spacing: 0; border-collapse: collapse; }
.editTable td, .editTable th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.editTable td			{ padding: 1px, 1px, 1px, 1px; vertical-align:top; line-height:16px;   }
.editTable th			{  text-align:left; background-color:#CCCCCC; line-height:18px; }

.editTable #tableName	{ border-bottom:1px solid #999999; background-color:#CCCCCC; font-weight:bold; color:#CC0000; }
.editTable .bg			{ background-color:#EEE; }
.editTable .bgbold		{ background-color:#EEE; font-weight:bold; }
.editTable a			{ color:#0033CC; text-decoration:none;  }
.editTable a:hover		{ text-decoration:underline; color:#990000; }

.editSubTable td		{  background-color:#EEEEEE; line-height:20px; border-bottom:1px solid #CCCCCC; }
.regelDonker td			{ background-color:#EEEEEE; font-weight:bold; }
.regelVerstuurd td		{ color:#666; }

.RowOver tr:hover		{ background-color:#ffe371; }
.formTable input		{ margin:0px; }
.formTable select		{ margin:0px; }
.formTable textarea		{ margin:0px; }

.opmerkinglink			{ color:#F00; font-weight:bold; }

.editSubTable td		{ background-color:#EEEEEE; line-height:20px; border-bottom:1px solid #CCCCCC; }
.regelDonker td			{ background-color:#EEEEEE; font-weight:bold; }
.regelVerstuurd td		{ color:#666; }

.btn-add				{ font-weight:bold; margin-bottom:5px; }
.btn-txt				{ font-weight:bold; margin-bottom:5px; display:inline-block; width:100%;}

.cmsPaging 				{ width:800px; background-color:#EEE; position:relative; text-align:center; line-height:22px; height:22px; }
.cmsPaging .vorigeBtn 	{ position:absolute; left:5px; }
.cmsPaging .volgendeBtn { position:absolute; right:5px; }

.dEditTable				{ border:1px solid #DDDDDD;background-color:#DDDDDD;width:555px;}
.dEditTable tr 			{ background-color: #FFFFFF; }
.dEditTable td			{ vertical-align:top;}
.dEditTable #weergeven	{ text-align:center;padding:0px;}
.dEditTable th			{ text-align:left;background-color:#DDDDDD;line-height:18px;}
.dEditTable a			{ text-decoration:none;}
.dEditTable a:hover		{ text-decoration:underline;}
#editRegelDonker		{ background-color:#EEEEEE;}
#regelHoog td			{ line-height:18px;}
.dEditTable label		{ width:100px;height:20px;line-height:20px;margin-left:3px;vertical-align:top;color:#333333;}
.dEditTableFooter		{ border:1px solid #DDDDDD;background-color:#DDDDDD;width:555px;}
.dEditTableHeader		{ border-bottom:1px solid #BBBBBB;}
.dEditTable input		{ border:1px solid #333333;background-color:#ffecf6;font-family:Verdana, Arial, Helvetica, sans-serif;}
.dEditTable select		{ border:1px solid #333333;background-color:#ffecf6;font-family:Verdana, Arial, Helvetica, sans-serif;}
.dEditTable textarea	{ border:1px solid #333333;background-color:#ffecf6;}
.searchTable			{ width:770px;margin-bottom:15px;}
.searchTable th			{ text-align:left;line-height:22px;}

.orderOpties			{ border:1px solid #CCC; background-color:#EEE; padding:5px; }

#btnTerugbetalen		{ color:#FFF; display:block; background-color:#F00; width:1000px; line-height:20px; text-indent:5px; }
#btnTerugbetalen:hover	{ background:#900; }

.pull-right				{ float:right; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: #DDD !important;
    font-weight: bold !important;
	color: #333 !important;
}

table.dataTable{
    border-collapse: collapse !important;
}

.dataTables_paginate{
	text-align: center !important;
}
.paginate_button{
	border: 1px solid #ccc;
  padding: 3px 6px;
  margin: 0 2px;
  border-radius: 4px;
	cursor: pointer;
}
.paginate_button:hover{
	text-decoration: none;
	background-color: #DDD;
}

#footer					{ position:absolute; left:0; bottom:0; right:0; height:40px; background-color:#DDD; color:#333; padding-top: 10px; text-align: right; padding-right: 10px;}
#footer a				{ color:#333; text-decoration:underline;}


.disabled input, .disabled select{
	pointer-events: none;
	opacity: 0.7;
}

.invalid{ border-color:#FF0000 !important;}

option:disabled{
	color:#CCC !important;
}