/* Formulieren */
.form_form {
	display:block;
	clear:both;
	float:none;
	max-width:630px;
}
.form_form .Buttons .more {
	float:right;
}
.form_form .elementcontainer {
    display:block;
    overflow:hidden;
    clear:both;
    margin-bottom:5px;
    font-family: inherit;
    font-size:15px;
    color:inherit;
}
.form_form .elementcontainer.radio, .form_form .elementcontainer.checkbox {
    margin-bottom: 10px;
    padding-left: 0px;
}

input[type="text"], input[type="password"] , input[type="emailadres"], textarea {
    border: 1px solid #cfd1d2;
    padding:3px 8px;
}
select {
    padding:3px 2px;
    border: 1px solid #cfd1d2;
}

.form_form .bootstrap-select.btn-group, .form_form .bootstrap-select.btn-group[class*="span"] {
    margin-bottom:0;
}

.bootstrap-select .btn-default {
    display:block;
    position: relative;
    border-color:#d9dadb;
    color:#7b7b7b;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#e6e6e6));
    background: -webkit-linear-gradient(#FFFFFF, #e6e6e6);
    background: -moz-linear-gradient(#FFFFFF, #e6e6e6);
    background: -ms-linear-gradient(#FFFFFF, #e6e6e6);
    background: -o-linear-gradient(#FFFFFF, #e6e6e6);
    background: linear-gradient(#FFFFFF, #e6e6e6);
    -pie-background: linear-gradient(#FFFFFF, #e6e6e6);
    behavior: url(/web/templates/www/js/pie/PIE.htc);
}
.bootstrap-select.btn-group .btn .caret {
    border-top-color:#b9bbbc;
}

.form_form .elementcontainer label {
    float:left;
    width:35%;
    padding-right:10px;
    font-weight: normal;
}

.form_form .radio_element label, .form_form .checkbox_element label {
    width:auto;
    display:block;
    overflow:hidden;
    margin:0 15px 0 20px;
}
.form_form input[type="text"], .form_form input[type="password"] , .form_form input[type="emailadres"] {
    width:65%;
    float:left;
    font-family: inherit;
    color:inherit;
    font-size:13px;
    line-height:20px;
    display:block;
    min-height:30px;
}
.form_form input[type="text"].col-12 {
    width:100%;
}

.form_form .verplichtVelden {
    color:#7b7b7b;
    font-size:14px;
    border-top:1px solid #d9dadb;
}
.form_form .verplichtVelden span {
    color:#be1522;
}

.form_form textarea {
    width:65%;
    float:left;
    border: 1px solid #CFD1D2;
    padding:6px 8px;
    font-family: inherit;
    color:inherit;
    font-size:13px;
    line-height:20px;
    display:block;
    min-height:30px;
}
.form_form select {
    width:65%;
    float:left;
    border: 1px solid #CFD1D2;
    padding:6px 8px;
}

.form_form .radio_container, .form_form .checkbox_container {
    width:65%;
    float:left;
}
.form_form .radio_container.fullwidth, .form_form .checkbox_container.fullwidth {
    width:100%;
    clear:both;
    float:none;
}
.form_form .radio_container input[type="radio"], .form_form .checkbox_container input[type="checkbox"] {
    margin:0;
	position: absolute;
	z-index:2;
	left:0;
	top:0;
}

.form_form .checkbox_element, .form_form .radio_element {
    display:block;
    float:none;
    clear:both;
	position: relative;
}
.form_form .float {
    float:left;
    clear:none;
}

.form_form label.verplicht:after {
    content:' *';
    color:#be1522;
    /*background: url("../../img/verplicht.png") no-repeat scroll right top transparent;*/
}

/* Formulier right & Left */
.sidecolumn .form_form label {
    float:none;
    display:block;
    clear:both;
    width:100%;
}
.sidecolumn .form_form .radio_container, .sidecolumn .form_form .checkbox_container {
    width:100%;
    float:none;
    clear:both;
    display:block;
}
.sidecolumn .form_form input[type="text"] {
    width:100%;
    clear:both;
    float:none;
    display:block;
}

.sidecolumn .form_form .radio_element label, .sidecolumn .form_form .checkbox_element label {
    width:auto;
    clear:none;
    display:block;
    float:left;
}
.sidecolumn .form_form select {
    width:100%;
    clear:both;
    float:none;
}
.sidecolumn .form_form textarea {
    float:right;
    width:100%;
}


@media (max-width: 767px) {
    body .form_form .elementcontainer > label {
        clear:both;
        width:100%;
        margin:0;
    }
    body .form_form .radio_container, body .form_form .checkbox_container {
        width:100%;
        clear:both;
    }
    body .form_form input[type="text"], body .form_form textarea {
        width:100%;
    }
    body .form_form select {
        width:100%;
    }
}