.umbraco-forms-field-wrapper {
    margin-bottom: 15px;
}
.form-control {
    border-radius: 5px;
    border: 1px solid #F2F2F2;
}

    .form-control::placeholder {
        color: #ccc;
    }
    .form-control:focus {
        box-shadow: 0 0 0 .25rem rgba(0, 255, 0, .25);
    }

    label.umbraco-forms-label {
        font-size: .9em;
        font-family: CircularXXWeb-Bold, sans-serif;
    }

.umbraco-forms-fieldset legend {
    margin-bottom: .2rem;
    font-size: .9em;
    font-family: CircularXXWeb-Bold, sans-serif;
}

.form-text.text-muted {
    font-size: 0.8rem;  
    color: var(--purple-darker) !important;
}
.filter-searchbar-form .input-group {
    
}

.form-select {
    display: block;
    width: 100%;
    padding: .5rem 2.5rem .5rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 20px 20px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0.8rem;
}

.vacancy-searchbox .label {
    display: inline-block;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 0.8rem !important;
    color: #626b84 !important;
}

.field-validation-error {
    color: red;
    font-size: .7em;
    line-height: 1.2;
}

.invalid-feedback.field-validation-error {
    display: inline!important;   
}

.form-check-label {
    font-size: 0.8rem !important;
}

.form-check-input[type=checkbox] {
    border-radius: 0;
}
.form-label {
    margin-bottom: .2rem;    
}

.form-label.legend {
    font-size: 1.5rem !important;
    font-weight: 900;
    padding-top: 15px;
}

.form-check-input:checked {
    background-color: var(--green);
    border-color: var(--green);

}

.solliciterenvacaturepagina {
    max-width: 600px;
}

.solliciterenvacaturepagina .form-control, .opensollicitatie .form-control {
/*    background-color: #ebfff1;*/
    border-color: transparent;
    background: var(--blue-lighter);
    border: 0px;
    border-radius: 10px;
    margin-bottom: 0px;
    padding: 10px 10px;
    margin-right: 15px;
}
.solliciterenvacaturepagina .form-control:focus, .opensollicitatie .form-control:focus {
    border-color: #29eb6c;
    background-color: #ebfff1;
    box-shadow: 0 0 0 0.25rem rgb(41 235 108 / 25%)
}

.solliciterenvacaturepagina .form-label, .opensollicitatie .form-label {
    font-size: .9em;
}

    .solliciterenvacaturepagina .error-form-submission-innerbutton, 
    .opensollicitatie .error-form-submission-innerbutton {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.solliciterenvacaturepagina .error-form-submission-innerbutton img,
.opensollicitatie .error-form-submission-innerbutton img{
    width: 70px; 
    height: auto;
    margin-bottom: 10px; 
}

.solliciterenvacaturepagina #drop-area-text span:last-child,
.opensollicitatie #drop-area-text span:last-child{
    font-size: 0.85rem;
}

@media (max-width: 576px) {
    .solliciterenvacaturepagina .error-form-submission-innerbutton span,
    .solliciterenvacaturepagina .error-form-submission-innerbutton a {
        font-size: 1rem;
    }
}

#loginForm {
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.CvMultiChoice label, .umbraco-forms-page .checkboxlist label  {
    width: 90%;
    vertical-align: top;
}


.form-control:not(.text) em {
    font-style: unset;
}

.form-control:has(p) {
    border: 0 !important;
    background-color: #f3f3f5 !important;
}

.umbraco-forms-hidden {
  display: none;
}

form.waitbutton button i.fa-spin {
    display: none;
}
form.waitbutton.waiting button i.fa-spin {
    display: inline-block;
}