.bg-row-warning {
    background-color: #ffffe0 !important;
}

.mat-form-field{
    width: 100%;
}
.mat-form-field-flex {
    &:hover {
        .mat-form-field-outline-thick {
            color: #6c757d;
        }
    }
} 

.mat-focused{
    .mat-form-field-label{
        color: $primary !important;
    }
}

.mat-calendar-body-selected {
    background-color: $primary !important;
    color: #fff;
}
.mat-form-field-ripple {
    background-color: $primary !important;
} 

// required field
span {
    &.mat-placeholder-required{
        &.mat-form-field-required-marker{
            color: red;
        }
    }
}

// disable field
.mat-input-element{
    &:disabled{
        color: #303030;
    }
}