/* 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. */

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

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

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

.dropdown-menu > .active > a {
	color: #292929;
	background-color: #fdce00;
}

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

h4 {
	font-size: 20px;
}

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

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

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

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

.navbar-nav > li > .dropdown-menu a {
	color: #e8e8e8;
}

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

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

a:hover {
	color: #df0816;
}

.btn-link {
	color: #df0816;
}

.btn-default {
	color: #000;
	background-color: #fdce00; /*geel*/
	border-color: #fdce00;
}

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

.btn-default:focus,
.btn-default.focus {
	color: #000;
	background-color: #ffe366;
	border-color: #ccc;
}

.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: #fdce00;
	color: #000
}

.btn-default:hover {
	color: #000;
	background-color: #ffe366;
	border-color: #ccc;
}

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

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

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

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;
}