/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */

/*
grijs: aba9aa
rood: b1093d
zwart: 000000
highlight: e8e8e8
donkergrijs: 888888
*/


body {
	padding-top: 50px;
	padding-bottom: 20px;
}

* {
	font-family: 'PT Sans', sans-serif;
}

hr {
	margin-top: -2px;
	margin-bottom: 8px
}

h4 {
	font-size: 20px;
}

.select-combo {
	background: white;
	color: #555;
	border-color: #ccc;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background: #063489;
}

.navbar-inverse {
	background-color: #063489;
	border-color: #888888;
}

	.navbar-inverse .navbar-brand {
		color: #fff;
	}

	.navbar-inverse .btn-link {
		color: #fff;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		margin-left: -1px;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		;
		border-top: 2px solid transparent;
		background-color: #063489;
	}

		.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
			color: #292929;
			background-color: #e8e8e8;
			margin-left: -1px;
			border-left: 1px solid #888888;
			border-right: 1px solid #888888;
		}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		border-top: 2px solid #70b62c;
		background-color: #e8e8e8;
		color: #292929;
	}

.navbar-nav > li > .dropdown-menu {
	background-color: #063489;
}

	.navbar-nav > li > .dropdown-menu a {
		color: #fff;
		background-color: #063489;
	}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #e8e8e8;
	color: #000;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #000;
	background-color: #e8e8e8;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-top: 2px solid #e8e8e8;
}

a {
	color: #063489; /*rood*/
	text-decoration: none;
}

	a:hover {
		color: #063489;
	}

.btn-default {
	color: #fff;
	background-color: #063489;
	border-color: #063489;
}

.multiline {
	white-space: pre-wrap;
}

.btn-default:focus,
.btn-default.focus {
	color: #fff;
	background-color: #e8e8e8;
	border-color: #70b62c;
}

.btn-default:active,
.btn-default.active {
	color: #fff;
	background-color: #292929; /*donkergrijs */
	border-color: #ccc;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
	background-color: #063489;
	color: #fff
}

.btn-default:hover {
	color: #000;
	background-color: #e8e8e8;
	border-color: #063489;
}

.btn-secondary {
	color: #000;
	background-color: #e8e8e8;
	border-color: #063489;
}

	.btn-secondary:focus,
	.btn-secondary.focus {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
	}

	.btn-secondary:hover {
		color: #000;
		background-color: #e8e8e8;
		border-color: #063489;
	}

table, td {
	vertical-align: middle;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers 
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

/* QR code generator */
#qrCode {
	margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
	/* Hide captions */
	.carousel-caption {
		display: none;
	}
}

/* https://www.bootply.com/107708#*/
/* remove gutter spacing outside */
.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

	/* only remove padding of middle columns */
	.row.no-gutter [class*='col-']:not(:first-child),
	.row.no-gutter [class*='col-']:not(:last-child) {
		padding-right: 5px;
		padding-left: 5px;
	}

/*Checkboxes - https://bootsnipp.com/tags/checkbox*/
.form-groupX input[type="checkbox"] {
	display: none;
}

	.form-groupX input[type="checkbox"] + .btn-group {
		margin-right: 20px;
		margin-bottom: 10px;
	}

		.form-groupX input[type="checkbox"] + .btn-group > label span {
			width: 20px;
		}

			.form-groupX input[type="checkbox"] + .btn-group > label span:first-child {
				display: none;
			}

			.form-groupX input[type="checkbox"] + .btn-group > label span:last-child {
				display: inline-block;
			}

	.form-groupX input[type="checkbox"]:checked + .btn-group > label span:first-child {
		display: inline-block;
	}

	.form-groupX input[type="checkbox"]:checked + .btn-group > label span:last-child {
		display: none;
	}