/* styling forms */
.intake_client {
    margin:  auto;
    position: relative;
    padding:  3% 5% 5%;
    background-color:#fff;
    border-radius:15px;
}
.content_home.hulpv_form { background-color:#fbc340;}
.intake_client div { display:inline-block;}
.intake_client.alle_vragen { text-align: center; margin:  3% auto;}
.home-questions { text-align:center; width: 100%;}
.home-questions.border-top { margin-top: 10px; padding-top: 10px;}
.vwg-questions { text-align: left;}
.verplicht { width: 100%;}
legend {text-decoration: underline;margin-top: 30px; font-weight: bold; font-size: 26px;}
.home-questions legend { text-decoration: none;}
.intake_client fieldset {  margin-top: 30px; font-size: 18px;}
.intake_client label.question {  width: 100%!important; }
.intake_client, .intake_client label { font-weight: 300;}
.form_row { padding: 10px 0; width: 100%;}
.form_row.extr { padding: 20px 0 10px;}
.question_next { width: 100%; margin-top: 15px;}
.gele-balk { border-top: #fbc340 20px solid ;}
.intake_client input[type=submit] {margin-top: 15px;background-color:#fbc340; border: 1px solid #fbc340;}
.intake_client select { background-color:#00112a; border: 1px solid #00112a; width: auto;}

.intake_client ul li { list-style-type: circle; padding-bottom: 5px;}
.intake_client ul {margin-left: 18px;}

input[type=submit], input.button  { background-color: #fbc340; color: #00112a; padding: 7px 10px!important; border:1px solid #fbc340;  -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; cursor:pointer;}
input[type=submit]:hover, input.button:hover{ background-color: #b17e08!important;  border:1px solid #b17e08!important;color: #fff;}
.intake_text {
    text-align: center;
    width: 70%;
    margin: 0;
    padding: 2% 15%;
    border-top: 48px solid #fbc340;
}
.intake_terug { text-align: center; width: 80%; margin: 0 10% 20px;}
form select { min-width: 10%; background-color: #888888; color:#fff; border: 1px solid #888888;}
select > option { background-color:#888888!important; color:#fff;}
/* CKeditor */

.f_cels.fcbreed {}

.intake_client input[type=checkbox] { margin: 0 5px 0 0 ;}
.intake_client label.breed { display:inline-flex;}
label.indien_anders { width: 100%;}
label.indien_anders input { margin-left: 15px;}
input[type=checkbox], input[type=radio] { width: 21px!important; height: 21px; margin-right: 10px;border:1px solid #ccc!important }
.label { width: 20px; display:inline-block;  }
.firstlabel { width: 25px;}
/* Custom checkboxes */
.f_cels.fcbreed .custom-checkbox { width: auto;}
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    margin-right: 12px;
    position: relative;
    width:100%;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.custom-checkbox .number {
    font-size: 14px;
}

.custom-checkbox .box {
    width: 17px;
    height: 17px;
    border: 1px solid #dac8d5;
    background-color: #fbf8ff;
    border-radius: 4px;
    position: relative;
    margin: 6px 0;
}
.custom-checkbox .tick {
    position: absolute;
    left: 1px;
    top: 0px;
    width: 13px;
    height: 5px;
    border-bottom: 4px solid #000;
    border-left: 5px solid #000;
    transform: rotate(-45deg);
    display: none;
}
.custom-checkbox input:checked + .number + .box > .tick {
    display: block;
}
.custom-checkbox input:active + .number + .box {
    border-color: #aaa;
    background-color: #ddd;
}
.intake_client input[type=radio] {
    margin: 0 0 0 5px!important;
    border: 1px solid #eee!important;
    position: relative;
    top: 5px;
}
/* end custom checkbox */

.beschikbaarheid_vrijwilliger {  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ede5d1; margin-top:20px;  width: 97%; padding: 1% 1% 1% 2%;}
.beschikbaarheid_vrijwilliger .beschikbaar_rechts li { border-bottom: 1px solid #f6efdf;}
.beschikbaarheid_vrijwilliger input[type=checkbox] { width: 15px!important; height:15px!important;}
/* DAGDELEN SJABLOON */
.beschikbaarheid_vrijwilliger.nocolum.voorkant .besch_row.nocolumn .div_breed {padding-left: 5px;}
.besch_row.nocolumn .div_breed { font-size: 13px;width: 162px; }
.beschikbaarheid label.dagdelenlabel {width:23%!important; }
.beschikbaarheid_vrijwilliger  .besch_checkbox { float:left; width: auto;}
.beschikbaarheid_vrijwilliger  .besch_dag { display:none;}
.beschikbaarheid_vrijwilliger  ul.besch_row { column-count: 7;}
.beschikbaarheid_vrijwilliger li {list-style-type: none;margin: 0;	padding: 10px 0 7px 5px; overflow: hidden;}
.beschikbaarheid_vrijwilliger ul.besch_row { overflow:hidden; border-bottom: none!important; padding: 0px 0 0 0!important; width: 100%; display:inline-block;}
.beschikbaarheid_vrijwilliger ul.besch_row_lef { border-bottom: none!important; padding: 0px 0 0 0!important; border-right:1px solid #D4C5D3 !important}
.beschikbaarheid_vrijwilliger ul.besch_row_lef.top {padding-top: 0!important;padding-bottom: 5px!important;color:#00112a;}
.beschikbaarheid_vrijwilliger .besch_row.bold:before {display:none;}
.beschikbaarheid_vrijwilliger .besch_row_lef li { width: 100%; font-weight: bold; color:#00112a;}
.beschikbaarheid_vrijwilliger .beschikbaar_links { float:left; width: 18%;}
.beschikbaarheid_vrijwilliger .beschikbaar_rechts {float:left; width: 80%;}
.beschikbaarheid_vrijwilliger .beschikbaar_links .besch_row_lef li { padding-bottom: 13px;}
.beschikbaarheid_vrijwilliger .beschikbaar_rechts .besch_row li,
.beschikbaarheid_vrijwilliger .beschikbaar_rechts .besch_row.bold li { color:#00112a;}
.beschikbaarheid_vrijwilliger li.flxbl_bschkbr { padding-top: 3px ; display:inline-block;}
.beschikbaarheid_vrijwilliger input[type="checkbox"] {margin-top: 0; margin-bottom: 7px}

.f_cels.col2 label { width: 100%;}

@media screen and (min-width:60em) {
    .f_cels.col2 { column-count: 2; column-gap: 30px;}
    .filter_menu .beschikbaarheid_vrijwilliger.t_vacafrontend { width: 94%; }
    .beschikbaarheid_vrijwilliger .beschikbaar_links { float:left; width: 17%;}
    .beschikbaarheid_vrijwilliger .beschikbaar_rechts {float:left; width: 82%;}
    .beschikbaarheid_vrijwilliger  ul.besch_row.bold  { font-weight: bold; padding: 0 0 0; color:#028cbd; }
    .beschikbaarheid_vrijwilliger.nocolum.voorkant { width: 70%;}
    .intake_client { width: 70%;}
    .wrap_aanmelden {padding: 0 10%;}
    .intake_client .cke_chrome { display:inline-block!important;width: 52%!important; margin: 4px 0;}
    .f_cels { float:left; width: 52%;}
}
@media screen and (max-width:60em) {
    .intake_client.hv_form_totaal, .intake_client.bmaatje {  width: 89%; margin:5% 0;   }
    .intake_client.alle_vragen {  width: 80%; margin-bottom: 5%;   }
    .wrap_aanmelden {padding: 0 ;}
    .row {padding: 0 ;}
    .intake_client .cke_chrome { display:inline-block!important;width: 100%!important; margin: 4px 0;}
    .f_cels { float:left; width: 100%;}
}