<mat-list>
  <mat-list-item>
    <mat-icon matListItemIcon>apartment</mat-icon>
    <div matListItemTitle>{{ 'orgUnitTitle' | translate }}</div>
  </mat-list-item>
  <mat-list-item>
    <mat-icon matListItemIcon>meeting_room</mat-icon>
    <div matListItemTitle>{{ 'classroomGroupsTitle' | translate }}</div>
  </mat-list-item>
  <mat-list-item>
    <mat-icon matListItemIcon>school</mat-icon>
    <div matListItemTitle>{{ 'classroomTitle' | translate }}</div>
  </mat-list-item>
  <mat-list-item>
    <mat-icon matListItemIcon>lan</mat-icon>
    <div matListItemTitle>{{ 'clientGroupsTitle' | translate }}</div>
  </mat-list-item>
  <mat-list-item>
    <mat-icon matListItemIcon>computer</mat-icon>
    <div matListItemTitle>{{ 'clientTitle' | translate }}</div>
  </mat-list-item>

  <mat-list-item>
    <mat-icon matListItemIcon style="color: green;">school</mat-icon>
    <div matListItemTitle>Disponible acceso remoto</div>
  </mat-list-item>
  <mat-list-item>
    <mat-icon matListItemIcon style="color: rgb(209, 5, 5);">school</mat-icon>
    <div matListItemTitle>No disponible acceso remoto</div>
  </mat-list-item>

</mat-list>
