/* In deze stylesheet plaatsen we de overrules van de default bootstrap en quill. */


/* deze bepaald de input-controls op een dialog hoeveel die bovenin ruimte krijgen.*/
.e-float-input,
.e-float-input.e-control-wrapper {
    line-height: 1.8;
    margin-bottom: 0;
    margin-top: 30px;
    padding-top: 0;
    position: relative;
    width: 100%;
}


.e-placeholder {
    color: var(--ivx-captions-color);
}
    /* overgenomen uit bootstrap4.css om de captions boven de editfields te customizen. */
    .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
    .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
        color: var(--ivx-captions-color);
    }

    .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
        color: var(--ivx-captions-color);
    }

/* Standaard krijgt een button een focus outline. Die onderdrukken we hiermee.*/
button:focus {
    outline: unset;
}

/* Zorgen dat we de User agent stylesheet overrulen. Dit doen we door een inherit te plaatsen.*/
button {
    color: inherit;
    font-family: inherit;
}