.error__message {
    position: relative;

    display: block;
    width: 100%;

    color: $error;

    letter-spacing: .4px;
    font-size: 12px !important;
}

.mat-form-field.has-error {
    margin-bottom: $spacing-l;

    .mat-form-field-outline,
    .mat-form-field-flex {
        color: $error;
    }

    .mat-form-field.has-error {
        margin-bottom: $spacing-l;

        .error__message {
            bottom: -8px;
            left: -10px;

            margin: 0;
            padding: 0;

            font-size: $font-s;
        }
    }
}

.is-disabled {
    opacity: .7;

    > * {
        cursor: not-allowed !important;
    }
}

.badge,
.row-color {
    &--opened {
        background: $white;
    }

    &--grey {
        background: $neutral-95;
    }
}

.status .row-color--opened {
    background-color: $neutral-90;
}

.badge.row-color--opened {
    border: 1px solid $neutral-90;
}