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

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

@media(min-width:992px){
	.bg-light-grey{
		background-color: #f6f6f6;
	}
}
/*

.model_calc{
    display: none;
}
*/

.model-vak{
    background-color: #fff;
}
.btn-model{
    border: 2px solid #000;
    color: #000;
    font-weight: bold;
    width: 100%;
}

.wijzig_model{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

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

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

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

.custom-radio{
	border-top: 1px solid #000;
	padding: 8px 2.5rem;
}

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

.form-check-label{
	font-weight: 500;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 80%;
}

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

.loading{
	position: fixed;
	height: 100%;
	width: 100%;
	background: url("../img/loader.gif") no-repeat center center rgba(255,255,255,0.7);
	z-index: 1001;
}

.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{ border-radius: 0;}

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

.uniweiss{
	background-color: #f4f4f4;
}

.saphirschwarz{
	background-color: #000000;
}

.phytonicblau{
	background-color: #1c4c77;
}

.portimaoblau{
	background-color: #31467f;
}

.spacesilber{
	background-color: #91948f;
}

.capeyorkgrun{
	background-color: #5b6b6e;
}

.utahorange{
	background-color: #FF7900;
}

.sanremogrun{
	background-color: #1C6621;
}

.melbournerot{
    background-color: #873939;
}

.skyscraper{
    background-color: #93989a;
}
.skyscrapergrey{
    background-color: #93989a;
}

.brooklyngrau{
    background-color: #aeb2b5;
}

.sunsetorange{
    background-color: #8b2302;
}

.carbonschwarz{ background-color: #1d2029; }
.mineralweiss{ background-color: #d8d8d8; }
.sophistograu{ background-color: #3c3c3c; }
.kaschmirsilber{ background-color: #9f9a97; }
.piemontrot{ background-color: #511821; }
.firerot{ background-color: #a40a16; }
.mbrooklyngrau{ background-color: #c1c7c7; }

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

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

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

.form-label{
	font-weight: 500;
	font-size: 70%;
}