/* KINEPRO wireframe styling */



.uber{
	border-bottom: 1px solid #ccc;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
}

.navigatie{
	align-content: flex-end
}

figure {
	position:relative;}

figcaption {
	position:absolute;
	left:10px;
	bottom:10px;
	font-size:0.8em;
	}

ul{
	padding-left:1em;
}

.tab-pane{
	padding:2em;
}
.sp{
	margin-top:2em;
}
fieldset {
	margin-bottom:1.2em;
	padding: 1em;
	border: 1px solid hsla(217, 0%, 90%, 1.0);
	border-radius: 0.25rem;
	background-color: hsla(217, 0%, 95%, 1.0);
}
legend{
	font-size:1.15rem;
	width: inherit;
	padding:0.3em;
	margin-left:-0.3em;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	bottom:0.2em;
}
label{
	font-weight: 400;
}
label{
	font-weight: bold;
}
.form-check-label{
	font-weight: normal;
}
.card{
	margin-bottom:1em;
}

/* INVERT */

.invert {
	background: #333;
	color: white;
	font-weight:300;
}

.invert fieldset {
	background-color:#333
}
.invert *:not(a) {
	color:white;
	border-color:#888
   }

.invert .card *, btn a{
	color:#333;
}
.jumbotron.invert {
	background-color:#555;
}

table small{
	opacity: .6;	
}

/*development helper classes*/
.opmerking{
	background-color: rgba(255,255,0,0.3);
	color: rgba(180, 25, 25, 1)
}

/*DEBUG DIVS */
kdiv{
	border:1px solid rgba(255,0,0,0.1);
}

.helper{
	position:fixed;
	bottom:1px;
	right:10px;
	padding:10px;
	background-color:#B4FC98;
	}
.helper *{
	float:left;
	}

/* Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
body {	font-size:0.8em;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body {	font-size:1em;}
	h1{font-size:2em;}
	h2{font-size:1.8em;}
	h3{font-size:1.6em;}
	h4{font-size:1.33em;}
	h5{font-size:1.2em;}
	h6{font-size:0.7em;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 
}