/* stylelint-disable selector-no-type, declaration-no-important */

.FormField {
    &-note {
        color: #bab7b6;
        font-size: 13px;
        font-style: italic;
        margin-top: 10px;
    }

    &-required {
        margin-left: 6px;
    }

    &-errorMessage {
        display: block;
    }

    &-labelWrapper::after {
        clear: both;
        content: "";
        display: block;
    }

    &-labelAppendix {
        float: right;
    }
}

.FormField-note {
    font-size: 12px;
    font-style: normal;
}

.form-label,
.FormField-label {
    @include fonttype-label;
}

.FormField-group-has-error {
    color: $red-200;
    position: relative;

    .FormField-form-control,
    .Select-control {
        border-color: $red-200;
    }

    .DateField-form-control {
        border-color: $red-200;
    }

    .FormField-label,
    .Select-placeholder {
        color: $red-200;
    }
}