body {
	background:#e9e9e9;
	color:#00005a;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	
}

h1 {
	font-weight:700;
	font-size:24px;
	line-height:30px;
	margin-bottom:30px;
}

h2 {
	font-weight:700;
	font-size:18px;
	line-height:30px;
	margin-bottom:30px;
	float:right;
}

h2 a{
	color:#00005a;
}

h2 .fas{
	color:#f50082;
}

h3 {
	font-weight:700;
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	color:#f50082;
}

p {
	margin-bottom:30px;	
}
.p-nmb {
	margin-bottom:3px;
}

a{
	color:#00005a;
  text-decoration:none;
}
.content a{
	color:#00005a;
  text-decoration:underline;
}
a:hover {
	color:#00005a;
	text-decoration:underine;
}

.aMB {
	margin-bottom:30px;
	display:block;
}

.headerTop {
	background:#00005a;
	color:#fff;	
	padding:10px 0;
}
.headerContainer {
	width:100%;
	position:fixed;
	float:left;
	display:block;
	z-index:1000;
	top:0;
}

.headerBottom {
	background:#fff;
	color:#00005a;
	border-bottom:1px solid #d6d6d6;
}

.content {
	margin:140px 0 40px 0;
}

.footer {
	background:#00005a;
	color:#fff;	
	text-align:center;
	padding:20px 0;
}

.row {
	padding:0 10px 0 10px;
	margin:0;
}

.row-np {
	padding:0;
	margin:0;
}


.col {
	padding:0 10px 0 10px;
}

.col-np {
	padding:0;	
}

.col-p-right {
	padding-right:20px;	
}


.block {
	background:#fff;
	padding:30px 30px 0 30px;
}

.block-np {
	padding:0 30px 0 30px;
}
/* HEADER */
.headerTop ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}


.headerTop ul li{
	display:block;
	float:left;
	position:relative;
	padding-left:20px;
	font-size:13px;
	font-weight:100;
	line-height:13px;
}

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

.headerTop ul .username:before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f007";
	font-weight:900;
	padding-right:5px;
}

.headerTop ul .logout:before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f2f5";
	font-weight:900;
	padding-right:5px;
}

.headerBottom .logo {
	position:relative;
	float:left;
	width:160px;	
	display:block;
	padding:20px 0;
}

.headerBottom .logo img{
	display:block;
	width:100%;
}

.headerBottom ul{
	list-style-type:none;
	margin:34px 0 0 0;
	padding:0;
	float:right;
}


.headerBottom ul li{
	display:block;
	float:left;
	position:relative;
	padding-left:50px;
	font-size:16px;
	font-weight:100;
	line-height:20px;
}

.headerBottom ul li a{
	color:#00005a;
}


.headerBottom ul li.active a{
	color:#f50082;
}

.footer p{
	margin:0;
	font-weight:100;
	font-size:14px;
	line-height:18px;
}
/* FORM */
label {
	font-size:14px;
	margin:0;
}

.labelLH {
	line-height:30px;	
}

.form-group .form-control {
	border-radius:0;
	border:1px solid #dadada;
	font-size:14px;
	color:#00005a;
}

.form-group textarea {
	border-radius:0;
	border:1px solid #dadada;
	font-size:14px;
	color:#00005a;
}


.radio-container .hide-radio{
	display:none;
}

.radio-container input[type=radio] + .radioCustom:before {
	content:"\f111";
	font-family: 'Font Awesome 5 Free'; 	
	text-align:left;
	font-size:16px;
	color:#f50082;
	cursor:pointer;
	line-height:30px;
	padding-top:8px;
}

.radio-container input[type=radio]:checked + .radioCustom:before {
	content:"\f058";
	font-family: 'Font Awesome 5 Free'; 	
	text-align:left;
	font-size:16px;
	color:#00005a;
	cursor:pointer;
	padding-top:8px;
}

.checkbox-container .hide-checkbox{
	display:none;
}

.checkbox-container input[type=checkbox] + .checkboxCustom:before {
	content:"\f0c8";
	font-family: 'Font Awesome 5 Free'; 	
	text-align:left;
	font-size:16px;
	color:#f50082;
	cursor:pointer;
	padding-top:8px;
}

.checkbox-container input[type=checkbox]:checked + .checkboxCustom:before {
	content:"\f14a";
	font-family: 'Font Awesome 5 Free'; 	
	text-align:left;
	font-size:16px;
	color:#00005a;
	cursor:pointer;
	padding-top:8px;
}

.btn, .btn-primary.disabled {
	background:#00005a;
	border:1px solid #00005a;
	border-radius:0;
	width:100%;
	opacity:1;
	margin-bottom:30px;
  text-decoration:none!important;
  color:#ffffff!important;
}
.btnNM{
	margin-bottom:0!important;
}

.btn:hover {
	background:#f50082;
	border:1px solid #f50082;
}

.has-error .form-control {
	border:1px solid red;
}

.with-errors {
	color:red;
	position:relative;
	float:left;
	width:100%;
	padding-top:5px;
	font-size:12px;
	margin-bottom:10px;
}

.with-errors ul{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

.with-errors ul li:before {
	
	font-family: "Font Awesome 5 Free"; 
	content: "\f071";
	font-weight:900;
	padding-right:5px;
}

/* TAB */
#nav-tab {
	background:#fff;
	border-bottom:5px solid #f50082;
	
}

.nav .nav-item {
	background:#00005a;
	border-radius:0;
	color:#fff;
	border:none;
	margin-bottom:0;
	text-align:center;
}

.nav .nav-item-20{
	width:20%;	
}

.nav .nav-item-25{
	width:25%;	
}

.nav .nav-item.active {
	background:#f50082;
	border-radius:0;
	border:1px solid #f50082;
	color:#fff;	
}

.tab-pane {
	background:#fff;
	padding-top:20px;
  padding-bottom: 20px;	
}

/* TABLES */
.table {
	margin-top:20px;
	margin-bottom:30px;
}

.table-no-NMT {
	margin-top:0;
}

.table-no-NMB {
	margin-bottom:0;
}


.table .tdTextLink{
	color:#00005a;
	text-decoration:underline;
}

.table .tdTextIcon{
	color:#f50082;
}

.table thead th {
	color:#f50082;
	padding:15px 10px 0 0;	
	font-size:14px;
	line-height:30px;
}
.table thead th a{
  color: #E80383;
  text-decoration: none;
  cursor: n-resize; 
}
.highlight a{
	color: #203482!important;
}

.tableQuestion thead th {
	color:#00005a;
}

.table thead .thCenter {
	text-align:center;
}

.table td {
	padding:0 10px 0 0;	
	font-size:14px;
	color:#00005a;
	line-height:30px;
	vertical-align:middle;
}

.table .tdCenter {
	text-align:center;
	vertical-align:middle;
}

.tableQuestion td {
	padding:10px 0 10px 0;
	border-bottom:1px solid #dee2e6;
}

.tableQuestion .tdNB {
	border-bottom:none;
}

.tableQuestion .tdNPT {
	padding:0 0 10px 0;
}

.tableQuestion .form-group {
	margin:0;
}
/* ICON */
.fa-check {
	color:#83ce32;	
}

.container{
  min-width: 991px!import;
}
@media only screen and (max-width: 991px) {
.container{
  max-width:100%;
}
	
.headerBottom .logo {
	position:relative;
	float:left;
	width:160px;	
	display:block;
	padding:20px 0 10px 0;
}

.headerBottom ul li{
	padding-left:30px;
}
}
@media only screen and (max-width: 768px) {
.headerBottom ul{
	margin:0 0 10px 0;;
	float:left;
}
	
.headerBottom ul li{
	padding-left:0;
	padding-right:20px;
}
	
.block {padding:10px;}
	
}
.hidden { display: none; }
.rapportagezichtbaar { float: right;}

.datepicker-days .day { color: green; font-weight: bold;}

.img-responsive {
  width: 100%;
  height: auto;
}

.tijdregistratietoevoegen .table th, .tijdregistratietoevoegen .table td {
    padding: 0.15rem;
}
.tijdregistratietoevoegen .form-group {
    margin-bottom: px;
}

.borderless td, .borderless th {
    border: none;
}
.tijdregistratietoevoegen .table {
    margin-top: 0px;
    margin-bottom: 0px;
}

.downloads img { margin-right: 10px; }