/* CSS Document */

@font-face {
	font-family: 'BMW';
	src: url("../fonts/BMWBold.woff") format("woff");
	font-weight: 700;
}

@font-face {
	font-family: 'BMW';
	src: url("../fonts/BMWRegular.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: 'BMW';
	src: url("../fonts/BMWLight.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family: 'BMW';
	src: url("../fonts/BMWThin.woff") format("woff");
	font-weight: 100;
}

/*
@media (max-width: 325px){
	.custom-control-label{
		height: 80px;
	}
}
*/

body{
	font-family: 'BMW', open-sans;
	font-weight: 300;
	background: #fff;
}

.image-text{
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 75%;
	color: #FFF;
	font-weight: bold;
}


.custom-checkbox{
	border-top: 2px solid #000;
	padding: 10px 2.5rem;
}

.custom-checkbox:last-child{
	border-bottom: 2px solid #000;
}

.custom-radio{
	border-top: 2px solid #000;
	padding: 8px 0px 8px 1.75rem;
}

.custom-radio:last-child{
	border-bottom: 2px solid #000;
}

.custom-control-label{
	font-weight: bold;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 100%;
}

.form-check-input {
    position: absolute;
    margin-top: 1em;
    margin-left: -1.5rem;
}

/*
.button-toggler{
	display: inline-block;
	border-bottom: 5px solid #fff;
}
*/

.btn-toggle{
	height: 50px;
	width: 50px;
	background-image: url("../img/color.png");
	background-size: cover;
	font-size: 10px;
	font-weight: bold;
	border-radius: 0;
	border: 0;
	border-bottom: 5px solid #fff;
	padding: 0;
}

.btn-toggle:hover{
	border-bottom: 5px solid #007bfe;
}

.btn-group > .active{
	border-bottom: 5px solid #007bfe;
}

.wit{
	background-color: #f4f4f4;
}

.zwart{
	background-color: #000000;
}

.donkerblauw{
	background-color: #192c43;
}

.lichtblauw{
	background-color: #0077cc;
}

.grijs{
	background-color: #31363c;;
}

.rood{
	background-color: #831111;;
}

.btn-small{
	font-size: 70%;
	font-weight: bold;
}

.font-blue{
	color: #1341B1;
}

.text-strike{
	text-decoration: line-through;
}

.eventual-price{
	font-size: 130%;
/*
	text-decoration: line-through;
   	-webkit-text-decoration-color: rgba(0, 0, 0, 0.4);  Safari    
	text-decoration-color: rgba(0, 0, 0, 0.4);
	text-decoration-style: wavy;
*/
}

[data-toggle="collapse"] .fa:before {  
	content: "\f077";
}

[data-toggle="collapse"].collapsed .fa:before {
	content: "\f05a";
}

.formulier{
	background: #f6f6f6;
}

.icon{
	font-size: 120%;
}
