body {
	background-color:#eee;
}

#main-nav {
	background-color:#444 !important;
	padding:1rem !important;
}


nav * {
	color:#fff !important;
	font-weight:bold;
}

nav ul li {
	margin:0 8px 0 0;
}

#container, table {
	max-width:1200px !important;
	
}




#container {
	max-width:1200px;
	margin:8px auto !important;
	background:#fff;
	padding:16px !important;
	display:block;
	float:none;
	box-shadow:1px 1px 4px #aaa;
	margin-top:-24px !important;
	min-height:1200px !important;
	
}


.footer {
	background:#333;
	color:#fff;
	
	min-height:64px;
	padding:8px;
	margin:16px 0 0 0;
	
}

.form-label {
	font-weight:bold !important;
}

table * {
	font-weight:bold !important;
}

.nav-link {
	margin-top:8px !important;
	font-weight:bold !important;
}

.btn .active {
	background:#ffa100 !important;
}

nav .btn-light, nav .btn-light * {
	color:#333 !important;
}

nav h4 {
	font-weight:normal !important;
	text-shadow:2px 2px 4px #999;
}

.btn {
	font-weight:bold !important;
}

.btn-primary {
	background-color:#00befa; !important;
	border:0 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color:#00befa; !important;
	border:0 !important;
}

.btn-ico img {
	  border-radius: 50% !important;
}

.bg-primary  {
	background-color:#777 !important;
}

.btn-ico {
	display:block;
	
	width:28px;
	height:28px;
	
	
	border-radius:50%;
	
	border:3px solid #fff;
	
	float:left;
	margin: .25rem .5rem 0 0 !important;
	margin-top:4px;
}

.card {
	box-shadow:0 0 3px #aaa;
}

.btn-extra-padding {
	padding-left:1rem !important;
	padding-right:1rem !important;
}

.table * {
	font-size:1rem !important;
}





.table td, td * {
	font-weight:bold !important;
}

@media only screen and (max-width: 768px) {
	/* on small screens only! */
	.table * {
		font-size:.6rem !important;
	}
}

.codeText {
	font-family: 'Roboto Mono', monospace, "Lucida Console" !important;
	padding:.5rem !important;
	background-color:#333 !important;
	color:#fff !important;
}


/*

Styling for printing page...

*/

.tableRowMonth, .tableRowMonth * {
	background-color:#00befa; 
	color:#fff !important; 
	border:none !important;
}


.printOnly, .printOnly * {
	display:none !important;
}

#searchInput {
  background-image: url('../images/ico-search.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  padding: 12px 20px 12px 40px;
  border: 1px solid #333;
  margin-bottom: 12px;
  border-radius:.25rem;
}

@media print {
	
	h2 {
		font-size:48px !important;
		font-weight:normal;
	}
	
	nav, nav *, h1, h1 *, h2, .btn *, .btn, .doNotPrint, title {
		display:none !important;
	}
	
	.printOnly, .printOnly * {
		display:block !important;
	}
	
	.tableRowMonth, .tableRowMonth * {
		color:#333 !important; 
		border:none !important;
		padding:4rem 0 4rem 0 !important;
		font-size:32px !important;
	}

	.printTotaal, .printTotaal * {
		padding:4rem 0 4rem 0 !important;
		font-size:32px !important;
		color:#333 !important;
	}
	
	table, table * {
		font-family: Verdana, Arial, "Times New Roman";
		color:#333 !important;	
		border-color:#333 !important;
		font-size:10px !important;
	}	
	
	* {
		font-size:8px !important;
		border:0px solid white !important;
	}
	
	tr, tr * {
		border:0px solid white;
		border-bottom:1px solid black !important;
	}
}

#container {
	margin-top:2rem !important;
}