@import '../../../../colors.scss';

$primary: map-get($instructor-theme, primary);

.course-count {
    color: map-get($primary, lighter);
    font-size: small;
}

.form-error-message {
    font-size: small;
}

::ng-deep .bonus-form {
    width: 120px;

    .mat-form-field-wrapper {
        padding: 0;
    }

    .mat-form-field-infix {
        padding: 4px;
    }

    .mat-form-field-label-wrapper {
        padding: 0;
    }

    .mat-form-field-suffix {
        position: static;
    }

    .mat-form-field-flex {
        padding: 0 0.25em;
    }
}