/*  Basisdefinities
	VOKK blauw:				#004B8D
	VOKK licht-groen:		#8CC63F
	VOKK fuchsia:			#E1134F
	VOKK donker oranje:		#F15D22
	VOKK donker geel:		#F5A01A
--------------------------------------------
	SIGNIN: 		Move content down a bit and give background a simple colour
	DASHBOARD:		Move down content because we have a fixed navbar that is 50px tall
	STICKY FOOTER:	Margin bottom by footer height */
body { margin-bottom:30px; padding-top:50px; }
body.signin { background-color:#eee; }
/* STICKY FOOTER styles */
html { position:relative; min-height:100%; }
/* Set the fixed height of the footer here */
.footer { background-color:#f5f5f5; bottom:0; height:30px; position:absolute; width:100%; }
.footer p { margin-bottom:5px; padding-top:5px; }
/* SIGNIN styles */
.signin .jumbotron { background-color:#F15D22; }
.signin .jumbotron h1 { color:#fff; font-size:32px; }
.form-signin { max-width:330px; padding:15px; margin:0 auto; }
.form-signin .form-control {
	position:relative;
	height:auto;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:10px;
	font-size:16px;
}
/* DASHBOARD styles */
.sub-header { padding-bottom:10px; border-bottom:1px solid #eee; }
/*Top navigation:  Hide default border to remove 1px line. */
.navbar-fixed-top { border:0; }
/* Sidebar */
.sidebar {
	background-color:#f5f5f5;
	border-right:1px solid #eee;
	bottom:0;
	display:block;
	left:0;
	overflow-y:auto;/* Scrollable contents if viewport is shorter than content. */
	position:fixed;
	top:51px;
}
/* Sidebar navigation */
.nav-sidebar { margin-right:-21px;/* 20px padding + 1px border */ margin-bottom:20px; margin-left:-20px; }
.nav-sidebar > li > a { padding-right:20px; padding-left:20px; }
.nav-sidebar > li > a:hover { background-color:#8CC63F; color:#fff; }
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus { background-color:#337ab7; color:#fff; }
/* Main content */
.main { padding:20px; }
.main .page-header { margin-top:0; }
h6, .h6 { font-size:16px; }
/* DIVERSEN */
.onlinebase { color:#f00 ! important; font-weight:bold; }
select option.notActive { color:#bbb; }
/* pagination */
	.pagination { font-size:1em; font-weight:bold; margin:5px 0 0 0; padding:1px 0; text-align:center; }
	.pagination img { vertical-align:middle; }
	.pagination a, .pagination .current, .pagination .missing { border:1px solid #ddd; color:#7b7c7e; margin:0; padding:5px 10px; }
	.pagination a:hover { background-color:#337ab7; color:#fff; text-decoration:none; }
	.pagination .current { background-color:#337ab7; color:#fff; font-size:1.2em; font-weight:bold; }
	.pagination span.previous, .pagination span.next, .pagination.empty { display:none; }
/* HighCharts overrides */
	#hcContainer, #rapHcContainer { min-height:600px; }
	#totHcContainer { min-height:150px; }
	#hcContainer text, #rapHcContainer text { color:#666 ! important; fill:#666 ! important; }
	#rapHcContainer tspan[style="font-style:italic"] { font-size:14px; font-weight:bold ! important; }
	#rapHcContainer tspan[style="font-weight:bold"] { font-size:13px; font-weight:normal ! important; }
	#hcContainer g.highcharts-data-labels text, #totHcContainer g.highcharts-data-labels text { color:#333 ! important; fill:#333 ! important; }
	#hcContainer tspan[style="font-style:italic"], #totHcContainer tspan[style="font-style:italic"] { font-size:14px; }
	#hcContainer tspan[style="font-weight:bold"], #totHcContainer tspan[style="font-weight:bold"] { font-size:13px; font-weight:normal ! important; }
	#totHcContainer tspan[style="font-style:italic"], #totHcContainer tspan[style="font-weight:bold"] { text-shadow:none; }
/* BOOTSTRAP overrides */
.navbar.navbar-inverse { background-color:#F15D22; }
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a { color:#fff; }
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover { background-color:#8CC63F; }
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > li > a.active:focus,
.navbar-inverse .navbar-nav > li > a.active:hover { background-color:#337ab7; }
.modal .modal-header { background-color:#F15D22; }
.modal .modal-title { color:#fff; }
.alert.alert-success, .alert.alert-danger { display:none; }
.has-error .form-control { background-color:#f2dede; }
.btn-primary { background-color:#337ab7; border-color:#2e6da4; color:#fff; }
/* voegt 4x   toe aan alle labels zodat deze op laatste letter uitlijnen
- asterisken voor verplichtte velden vallen zo ook beter op */
.form-group.required .control-label:after { color:#f00; content:" *"; }
.form-group .control-label:after, .form-group .control-label.not-required:after { content:"\00a0\00a0\00a0"; }
/* no glow */
.form-control:focus, textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { border-color:#09c; box-shadow:none !important; -webkit-box-shadow:none !important; outline:0 none !important; }
.form-text { background-color:#eee; border:1px solid #ddd; border-radius:3px; margin-top:0; padding:6px 12px; }
/* DataTables OVERRIDES */
#docsTable_wrapper label { font-weight:normal; }
.dataTableHeader { color:#333; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; font-size:18px; text-align:center; }
/* MEDIA QUERIES */
@media only screen and (max-width:1199px) {
	#rapHcContainer tspan[style="font-style:italic"], #totHcContainer tspan[style="font-style:italic"], #hcContainer tspan[style="font-style:italic"] { font-size:12px; }
	#rapHcContainer tspan[style="font-weight:bold"], #totHcContainer tspan[style="font-weight:bold"], #hcContainer tspan[style="font-weight:bold"] { font-size:11px; }
}
@media only screen and (min-width:768px) {
	.signin .container { max-width:730px; }
	.sidebar { overflow-x:hidden; padding:20px; }
	.main { padding-right:40px; padding-left:40px; }
}
@media only screen and (max-width:767px) {
	.navbar-brand { font-size:14px; }
	h1 { font-size:24px; line-height:36px; }
	.sidebar { margin:0; padding:0; }
	.sidebar h4 { display:none; }
	.nav-sidebar { margin:0; padding:0; }
	.nav-sidebar > li { margin:10px 0; padding:0; text-align:center; }
	.nav-sidebar > li.first { margin-top:0; }
	.nav-sidebar > li > a { margin:0; padding:10px 25px; }
	.nav-sidebar > li > a > i { font-size:24px; }
	.main { margin-left:75px; width:89%; }
	#hcContainer, #rapHcContainer { min-height:425px; }
	#totHcContainer { min-height:125px; }
	#rapHcContainer tspan[style="font-style:italic"], #totHcContainer tspan[style="font-style:italic"] { font-size:11px; }
	#rapHcContainer tspan[style="font-weight:bold"], #totHcContainer tspan[style="font-weight:bold"] { font-size:10px; }
}
/* dynamic size main container due to static left sidebar */
@media only screen and (max-width:687px) {
	.main { width:87.5%; }
}
@media only screen and (max-width:607px) {
	.main { width:86%; }
}
@media only screen and (max-width:537px) {
	.main { width:84%; }
}
@media only screen and (max-width:480px) {
	.main { width:82%; }
}
@media only screen and (max-width:427px) {
	.main { width:80%; }
}
@media only screen and (max-width:387px) {
	.main { width:75%; }
}