/* Formulieren */
.form_form .button .submit {
	float:right;
	min-width:1px;
}
.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"], 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;
}

.form_form {
    margin-bottom: 90px;
}
@media (max-width:767px) {
    .form_form{
        margin-bottom: 60px;
    }
}

.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 5px;
}
.form_form input[type="text"],
.form_form input[type="password"]{
    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 .subtext {
    color:#7b7b7b;
    font-size:14px;
    border-top:1px solid #d9dadb;
}
.form_form .subtext 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;
}

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

.form_form label.verplicht {
	position: relative;
}
.form_form label.verplicht:after {
	width:10px;
	height:10px;
	content:'';
    background: url("../../img/verplicht.png") no-repeat scroll right top;
	position: absolute;
	right:5px;
	top:0;
}
.form_form .verplichtVelden span {
	width:8px;
	height:8px;
	display:inline-block;
 zoom:1; /* IE 7 Hack starts here*/
 *display:inline;
    background: url("../../img/verplicht.png") no-repeat scroll right top;
	text-indent: -9999px;
}

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