/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/

.article-body li::marker {
    font-size: medium;
}

.favoriete-behandelingen.foto-titel-text-tegel-text a {
    text-transform: none;
}

.moduletable.attentieknop a {
    background-color: black;
}

.bfElementGroup input[type='radio']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='radio']{
    vertical-align: top;
}
.bfElementGroup input[type='checkbox']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='checkbox']{
    vertical-align: top;
}
.form-inline>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.form-inline input, textarea {
    background: none;
    border: none;
}

.field-calendar input.ff_elem {
	float: left;
}
.field-calendar .bfCalendar.btn-primary {
	background-color: var(--primary-red);
	border: none;
	width: 45px;
	height: 45px;
}
.field-calendar .bfCalendar.btn-primary:before {
	content: url(/images/iconen/nj_Icoon_agenda.svg);
	object-fit: contain;
}
/*
.field-calendar span {
	float: right;
}
*/
#section-formulier h2{
    text-transform: uppercase;
}
.bfSectionDescription h2{
    letter-spacing: var(--title-letter-spacing);
}
/* Input lanes except vraag & submit knop */
.bfElemWrap:not(#bfElemWrap11, #bfElemWrap13, #bfElemWrap12, #bfElemWrap265, #bfElemWrap544) {
    border-radius: 30px;
    background-color: var(--primary-brown);
    font-size: var(--p-text-font-size);
    /* width: 100%; */
    padding: 10px 35px;
    color: #ffffff;
    text-align: left;
    margin-bottom: 10px;
    margin-left: -36px;
    margin-right: -46px;
}
.bfQuickMode input[type=text]{
    max-width: 100%;
    height: 35px;
}
.bfQuickMode input[type=text]::placeholder{
    color: white;
}
/* Input lanes except vraag & submit knop */

#bfElemWrap12{
    border-radius: 30px;
    padding: 14px 35px;
    background-color: var(--primary-red);
    padding-bottom: 50px;
    margin-left: -36px;
    margin-right: -46px;
    font-size: var(--p-text-font-size);

}
#bfElemWrap12 textarea::placeholder {
    background-color: var(--primary-red) !important;
    margin-bottom: 100px !important;
    padding-bottom: 100px !important;
    color: #ffffff;
}
#bfElemWrap12 textarea {
    overflow: auto !important;
    min-height: 100px;
    height: unset;
}

/* Radio knoppen **********/
.radio.inline {
    border-radius: 30px;
    background-color: var(--primary-brown);
    font-size: var(--p-text-font-size);
    /* width: 100%; */
    padding: 14px 15px;
    color: white;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-left: -36px;
    margin-right: -46px;
}


.bfQuickMode .controls .control-label {
    width: unset;
    min-width: unset;
}

/* .ff_elem.inputbox:not(textarea) {
    margin-left: 5px;
} */

.bfQuickMode textarea {
    max-width: unset;
}



.bfQuickMode input[type='hidden'] { display: none; }

input[type="radio"] {
    /*scale: 2;*/
    margin-right: 20px;
    margin-left: 21px;
}

.bfElemWrap.control-group span{
    width: 100%;
}
/* ##### max length message ##### */

.bfMaxLengthCounter {
    color: #666;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode #section-formulier .bfSectionDescription {
    color: var(--primary-green);
    font-size: var(--large-font-size);
    letter-spacing: var(--title-letter-spacing);
    margin-bottom: 25px;
}

.bfQuickMode #section-choose .bfSectionDescription h2, .bfQuickMode #section-andere-vraag .bfSectionDescription h2 {
    color: var(--primary-green);
    font-size: var(--large-font-size);
    letter-spacing: var(--title-letter-spacing);
    line-height: var(--large-line-height);
    margin-bottom: 20px;
    margin-top: 20px;
}

/* ##### buttons ##### */

#ff_elem13.button {
    background-color: var(--primary-brown);
    position: relative;
    margin-top: -30px;
    z-index: 2;
    width: 329px;
    font-size: var(--button-font-size);
    right: 0;
    letter-spacing: var(--large-letter-spacing);
    text-align: center;
    text-decoration: none;
    color: white;
    border: none;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-left: 30px;
    padding-right: 30px; */
    padding-left: 25px;
    padding-right: 35px;
    margin-left: auto;
    margin-right: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 54px;
    text-transform: uppercase;
}
/* #ff_elem13.button {
    margin-left: -20px;
} */
#ff_elem95.button{
    background-color: var(--primary-red);
    letter-spacing: var(--large-letter-spacing);
    text-align: center;
    text-decoration: none;
    color: white;
    border: none;
    font-size: var(--button-font-size);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-left: 30px;
    padding-right: 30px; */
    padding-left: 25px;
    padding-right: 35px;

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 54px;
    text-transform: uppercase;
}
/*Recaptcha field white background*/
#bfElemWrap204{
    background-color: white!important;
}
@media only screen and (max-width: 992px) {

    .radio.inline, .bfElemWrap {
        border-radius: 0px 0px 0px 30px !important;
    }

    .uitgelicht .default-page-container table {
        width: auto !important;
    }
    
    




}
@media only screen and (max-width: 768px){
    
    .contact-page .bfElemWrap:not(#bfElemWrap11, #bfElemWrap13, #bfElemWrap12) {
        padding-left: unset;
        padding-right: unset;
        margin-left: unset;
        margin-right: unset;
        width: unset;
    }
    .bfElemWrap:not(#bfElemWrap265, #bfElemWrap11, #bfElemWrap13, #bfElemWrap12), #bfElemWrap12, .radio.inline{
        margin-right: unset;
        /* margin-left: -86px; */
        width: calc(100vw - 10px);
    }
    #bfElemWrap265{
        width: calc(100vw - 46px);
    }
}
@media only screen and (max-width: 568px) {
    #ff_elem13.button {
        position: relative;
        left: calc(1 * (100vw - 31px - 60%) / 2);
        border-radius: 30px 0px 0px 30px;
        height: 60px;
        margin-top: -230px;
        background-color: var(--primary-green);;
    }
    #ff_elem13.button{
        left: unset;
        position: unset;
        margin-top: -30px;
        margin-right: -15px
    }
    input[type="radio"]{
        margin-top: 9px;
    }
/* 
    .bfElemWrap {
        left: calc(1 * (100vw - 100%) / 2);
        position: relative;
    }
    .bfElemWrap{
        left: unset;
        position: unset;
    }
    .contact-page .bfElemWrap{
        left: unset;
        position: unset;
    } */

}