.campus-dashboard-mat-list { list-style: none; padding: 0 0 0 5px; margin: 0; font-size: large; color: #666; }
.campus-dashboard-mat-list ul { list-style: none; }
.campus-mat-dashboard-title { padding: 0 0 0 5px; font-size: large; color: #666; }
.campusList .campus-dashboard-mat-status-1 { background: #ccffcc; }
.campusList .campus-dashboard-mat-status-2 { background: #ffcccc; }
.campus-dashboard-status-report-results, .campus-widgets-mat-summary-of-progress-results { min-height: 50px; padding-top: 10px; }
.matList thead tr th { text-align: left; }
.matList tbody tr:hover { background: #ddd; }
.matList td, .matList th { padding: 3px 5px; }

.group-dashboard { padding: 10px; background: #f7f7f7; border: 1px solid #ccc; margin-bottom: 10px; }
.group-dashboard .title { color: #666; font-size: large; }
.group-dashboard .counter { color: #666; }
.group-dashboard .table-container { background: #fff; border: 1px solid #ccc; padding: 10px; margin-top: 10px; }
.group-dashboard .table-container table { width: 100%; }
.group-dashboard .table-container tr, .enrolment-status-report-table tr, .enrolment-status-report-table .sticky  { border-bottom: 1px solid #ccc; }
.group-dashboard .table-container tr.even, .enrolment-status-report-table tr.even { background: #f7f7f7; }
.group-dashboard .table-container tr.odd, .enrolment-status-report-table tr.odd { background: #ffffff; }
.group-dashboard .table-container td, .enrolment-status-report-table td, { padding: 3px; }
.group-dashboard .table-container td.indent, .enrolment-status-report-table td.indent { padding-left: 30px; }
.enrolment-status-report-table thead th { text-align: left; }

.enrolment-status-report-table-container { overflow: auto; }
.enrolment-status-report-table { margin-left: 400px !important; }
.enrolment-status-report-table th.sticky { background: #ffffff; max-width: 400px; }
.enrolment-status-report-table .sticky { position: fixed; margin-left: -400px; width: 400px; }
.enrolment-status-report-table th, .enrolment-status-report-table td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.enrolment-status-report-table .odd .sticky { background: #ffffff; }
.enrolment-status-report-table .even .sticky { background: #f7f7f7; }

.campus-widgets-mat-enrolment-status-report-wide #campus-popup-window { max-width: 80%; }

.mat-row-hidden { display: none; }
.mat-open .mat-row-hidden { display: table-row; }

.mat-table-expander { position: relative; cursor: pointer; color: #007FC4; float: right; }
.mat-table-expander:after { right: 0; top: 0; content: "\f347"; }
.mat-open .mat-table-expander:after { content: "\f343"; }

.matList { table-layout: fixed; }
.matList th { vertical-align: bottom; }
.matList tr { border-bottom: 1px solid #ccc; }
.matList td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; }
.matList tr.open td { text-overflow: unset; white-space: unset; overflow: unset;  }

.matBar{ height: 10px; }
.matBar.matBar_active { background: #0071c2; }
.matBar.matBar_completed { background: #00c942; }
.matBar.matBar_pending { background: #666666; }
.matBar.matBar_withdrawn { background: #ea012a; }

@media screen and (max-width: 900px) {
    .enrolment-status-report-table { margin-left: 200px !important; }
    .enrolment-status-report-table th.sticky { max-width: 200px; }
    .enrolment-status-report-table .sticky { margin-left: -200px; width: 200px; }
}