.FRCControl {
    &-error-message {
        display: none;
        font-size: 12px;
        color: $red;
    }

    &-Input {
        margin-bottom: 4px;
    }
}

.FRCControl-append {
    .form-control {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        display: inline-block;
        width: inherit;
    }

    .btn {
        border-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        vertical-align: inherit;
    }
}

.was-validated {
    .form-control:invalid,
    .form-control.is-invalid {
        border-color: $red;
    }

    .FRCControl-error {

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

        .form-control:valid:focus {
            border-color: $red;
        }
    }

    .FRCControl {
        &-error-message {
            display: block;
        }
    }
}

.form-control {
    padding-left: 10px;
    padding-right: 10px;
}