/* 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 !important;
	font-weight: 300;
	background: #fff;
	color: #262626;
}

.btn{
	border-radius: 0;
	padding: 12px;
	font-size: 14px;
	font-weight:bold;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-secondary{
	background: #4d4d4d;
	border: 1px solid #4d4d4d;
}

.btn-secondary:hover{
	background: #262626;
}

.btn-outline-dark{
    -webkit-box-shadow: inset 0px 0px 0px 1px #262626;
    -moz-box-shadow: inset 0px 0px 0px 1px #262626;
    box-shadow: inset 0px 0px 0px 1px #262626;
}

.btn-outline-dark:hover{
    -webkit-box-shadow: inset 0px 0px 0px 2px #262626;
    -moz-box-shadow: inset 0px 0px 0px 2px #262626;
    box-shadow: inset 0px 0px 0px 2px #262626;
	background: none;
	color: #262626;
}

.underline{
    -webkit-box-shadow: inset 0px 0px 0px 22px #262626;
    -moz-box-shadow: inset 0px 0px 0px 22px #262626;
    box-shadow: inset 0px 0px 0px 22px #262626;	position: relative;
}

.line{
	display: inline-block;
	height: 5px;
	width: 60px;
	background: #1c69d4;
}

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

.form-control{
	height: 44px;
	border-radius: 0;
	border: 1px solid #cfcfcf;
	font-size: 90%;
}
.form-select{
	height: 44px;
	border-radius: 0;
	border: 1px solid #cfcfcf;
	font-size: 90%;
}
/*
.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;
}

.custom-control-label{
	font-weight: bold;
	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-group > .active{
	border-bottom: 5px solid #007bfe;
}

.wit{
	background-color: #f4f4f4;
}

.zwart{
	background-color: #000000;
}

.blauw{
	background-color: #33658d;
}

.blauwgrijs{
	background-color: #3d4348;
}

.grijs{
	background-color: #7c8187;
}

.stormbay{
	background-color: #5f6975;
}

.geel{
	background-color: #bba222;
}

.oranje{
	background-color: #b84325;
}

.beige{
	background-color: #a39e9a;
}

.zilver{
	background-color: #d0d1d3;
}
.bruin{
	background-color: #2f2219;
}


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