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

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

.card-wrapper {
    margin: 48px 0;
}

.card-wrapper .mat-card-subtitle {
    font-size: medium;
    margin-top: 8px;
}

.summary-row {
    margin: 8px 0 8px 16px;
    font-size: medium;

    .label {
        color: map-get($primary, lighter);
    }

    .value {
        color: map-get($primary, normal);
        font-weight: bold;
    }
}

.no-data {
    margin: 16px 0 16px 32px;
    color: map-get($primary, lighter);
    font-style: italic;
}